import { ThemePicker } from '@/components/misc/theme-picker';
import { Card, CardContent, CardHeader } from '@/components/ui/card';
import EventForm from '@/components/forms/event-form';

export default function NewEvent() {
  return (
    <div className='flex flex-col items-center justify-center h-screen'>
      <div className='absolute top-4 right-4'>{<ThemePicker />}</div>
      <Card className='w-[80%] max-w-screen p-0 gap-0 max-xl:w-[95%] max-h-[90vh] overflow-auto'>
        <CardHeader className='p-0 m-0 gap-0' />

        <CardContent>
          <EventForm type='edit' eventId='cmbz1qp5b0001vsbgbx1lceub' />
        </CardContent>
      </Card>
    </div>
  );
}