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

interface EditEventPageProps {
  params: {
    eventID: string;
  };
}

export default async function EditEventPage({ params }: EditEventPageProps) {
  const { eventID } = await params;
  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={eventID} />
        </CardContent>
      </Card>
    </div>
  );
}