"use client";

import { Dialog, DialogContent } from "@/components/ui/dialog";
import React from "react";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
import Influencer from "./Influencer";
import VendorRegister from "./Vendor";

interface RegisterModalProps {
  isOpen: boolean;
  setIsOpen: (open: boolean) => void;
  onRegisterSuccess?: () => void; // optional callback
}

const RegisterModal: React.FC<RegisterModalProps> = ({ isOpen, setIsOpen }) => {
  return (
    <Dialog open={isOpen} onOpenChange={setIsOpen}>
      <DialogContent className="sm:max-w-[850px] bg-[#1a1a1a] border-gray-700 text-white border rounded-2xl p-6 flex flex-col max-h-[80vh] overflow-auto">
        <Tabs defaultValue="influencer">
          <TabsList className="!text-black">
            <TabsTrigger
              className="text-black data-[state=active]:text-white cursor-pointer"
              value="influencer"
            >
              Creator
            </TabsTrigger>
            <TabsTrigger
              className="text-black data-[state=active]:text-white cursor-pointer"
              value="vendor"
            >
              Vendor
            </TabsTrigger>
          </TabsList>
          <TabsContent value="influencer">
            <Influencer
              onModalClose={() => {
                setIsOpen(false);
              }}
            />
          </TabsContent>
          <TabsContent value="vendor">
            <VendorRegister
              onModalClose={() => {
                setIsOpen(false);
              }}
            />
          </TabsContent>
        </Tabs>
      </DialogContent>
    </Dialog>
  );
};

export default RegisterModal;