import { Gutter } from '@payloadcms/ui'
import { DefaultTemplate } from '@payloadcms/next/templates'
import { AdminViewProps } from 'payload'
import Calendar from '@/admin/components/calendar/Calendar'

export default function TestPage({
                                   initPageResult,
                                   params,
                                   searchParams,
                                 }: AdminViewProps) {
  const {
    req: {
      user
    }
  } = initPageResult

  if (!user) {
    return <p>You must be logged in to view this page.</p>
  }

  return (
    <DefaultTemplate
      i18n={initPageResult.req.i18n}
      locale={initPageResult.locale}
      params={params}
      payload={initPageResult.req.payload}
      permissions={initPageResult.permissions}
      searchParams={searchParams}
      user={initPageResult.req.user || undefined}
      visibleEntities={initPageResult.visibleEntities}
    >
      <Gutter>
        <h1>Gottesdiensten</h1>
        <p>This view uses the Default Template.</p>

        <Calendar />
      </Gutter>
    </DefaultTemplate>
  )
}