import { CalendarPlus } from "lucide-react";
import NewEventForm from "./new-event-form";
import { getCategories } from "@db/queries/categories";
import { PageHeader } from "@/components/ui";

export const metadata = { title: "Create event · Dashboard" };

export default async function NewEventPage() {
  const categories = await getCategories();

  return (
    <div className="max-w-lg space-y-6">
      <PageHeader icon={CalendarPlus} title="Create event" description="Set up an event to start selling tickets." />
      <NewEventForm categories={categories} />
    </div>
  );
}