import Button from "@/components/Forms/Button";
import ModalComponente from "@/components/Modal/ModalComponente";
import FormFabricante from "@/pages/CXESCAD063/FormFabricante";
import { listarTiposItensKit } from "@/requests/CRUD/ColetaDados/listarTiposItensKit";
import React, { useEffect, useState } from "react";

interface FabricanteModalProps {
  isOpen: boolean;
  isLoading: boolean;
  onClose: () => void;
  onSubmit: (formData: any) => Promise<void>;
}

export const FabricanteModal: React.FC<FabricanteModalProps> = ({
  isOpen,
  isLoading,
  onClose,
  onSubmit,
}) => {
  const [tiposItens, setTiposItens] = useState<any[]>([]);

  useEffect(() => {
    listarTiposItensKit().then((res) => {
      setTiposItens(res);
      return res;
    });
  }, []);

  if (!isOpen) return null;

  return (
    <ModalComponente
      opened={isOpen}
      onClose={onClose}
      header="Cadastrar Fabricante"
      size="md"
      hasSaveButton={false}
      hasForm={false}
    >
      <FormFabricante
        onSubmitFunction={onSubmit}
        isLoading={isLoading}
        tiposItens={tiposItens}
      >
        <div className="w-full flex flex-row justify-center p-4">
          <Button type="submit" className="text-sm w-29">
            Salvar
          </Button>
        </div>
      </FormFabricante>
    </ModalComponente>
  );
};