import { Metadata } from "next";
import { Shell } from "@/components/shell";
import { SponsorPlanEditor } from "@/components/dashboard/sponsor-plan/sponsor-plan-editor";

export const metadata: Metadata = {
    title: "Create New Sponsor Plan",
    description: "Create a new sponsor plan"
};

export default async function Page() {
    return (
        <Shell className="gap-2">
            <div className="flex items-center gap-4 px-4">
                <div>
                    <h1 className="text-2xl font-bold">
                        Create New Sponsor Plan
                    </h1>
                </div>
            </div>

            <SponsorPlanEditor mode="create" />
        </Shell>
    );
}