import { useAuth } from "@/src/contexts/authContext";
import { useScreenContext } from "@/src/contexts/ScreenContext";
import { useRouter } from "next/router";
import { useState } from "react";

const FormCadastrosGerais = (param: any) => {
  const [isLoading, setIsLoading] = useState(false);
  const { valuesSession } = useAuth();
  const { session } = valuesSession();
  const [navSubMenusCadGeral, setNavSubMenusCadGeral] = useState<any[]>([]);

  const { isMobile } = useScreenContext();
  const route = useRouter();

  // useEffect(() => {
  //   const subMenusCadGeral = [
  //     {
  //       name: "Tipos de Estrutura",
  //       component: ConsultaEstruturaFixacao,
  //     },
  //     {
  //       name: "Fabricante",
  //       component: FabricanteComponent,
  //     },
  //     session?.sigla?.toLowerCase() != "elb"
  //       ? {
  //           name: "Instituições Financeiras",
  //           component: ConsultaInstituicaoFinanceira,
  //         }
  //       : null,
  //     session?.sigla?.toLowerCase() != "elb"
  //       ? {
  //           name: "Itens do Kit Manual",
  //           component: KitManual,
  //         }
  //       : null,
  //     {
  //       name: "Motivos de Negócios Perdidos",
  //       component: ConsultaMotivosNegociosPerdidos,
  //     },
  //     {
  //       name: "Motivos de Negócios Restaurados",
  //       component: ConsultaMotivosNegociosRestaurados,
  //     },
  //     {
  //       name: "Tipos de Telhados",
  //       component: ConsultaTiposTelhados,
  //     },
  //     {
  //       name: "Categoria de Anexos de Arquivos",
  //       component: ConsultaCategorias,
  //     },
  //     {
  //       name: "Transferir Projetos e Contatos",
  //       component: TransferirProjeto,
  //     },
  //     {
  //       name: "Origem do Contato",
  //       component: ConsultaOrigens,
  //     },
  //     {
  //       name: "Indicadores",
  //       component: ConsultaIndicadores,
  //     },
  //     {
  //       name: "Perdas Médias",
  //       component: ConsultaPerdasMedias,
  //     },
  //   ];
  //   setNavSubMenusCadGeral(subMenusCadGeral.filter((e) => e != null));
  // }, []);

  return (
    <div>
      <div className="flex justify-center items-center text-title-md text-black-2 dark:text-white">
        <span>Cadastro Gerais</span>
      </div>

      {/* <Tabs defaultValue="concessionárias" className="top-0"> */}
      {param && <param.component />}
      {/* </Tabs> */}
    </div>
  );
};

export default FormCadastrosGerais;