"use client";

import {
    Sheet,
    SheetContent,
    SheetHeader,
    SheetTitle,
} from "@/components/ui/sheet";

import CampaignForm from "./campaign-form";

type Props = {
    open: boolean;
    onOpenChange: (open: boolean) => void;
    campaign?: any;
    refresh: () => void;
};

export default function CampaignSheet({
    open,
    onOpenChange,
    campaign,
    refresh,
}: Props) {
    return (
        <Sheet open={open} onOpenChange={onOpenChange}>
            <SheetContent className="p-4 w-[80vw] sm:max-w-[800px] overflow-y-auto">
                <SheetHeader>
                    <SheetTitle>
                        {campaign ? "Edit Campaign" : "Create Campaign"}
                    </SheetTitle>
                </SheetHeader>

                <div className="w-full">
                <CampaignForm
                    campaignId={campaign?.id}
                    defaultValues={campaign}
                    onSuccess={() => {
                        refresh();
                        onOpenChange(false);
                    }}
                />
                </div>
            </SheetContent>
        </Sheet>
    );
}