import ModalLixeira from "@/pages/CXESCRM012";
import { listarMenusHistorico } from "@/requests/CRUD/Usuario/cadastrarUsuario";
import { useAuth } from "@/src/contexts/authContext";
import { useHistoricoMenuContext } from "@/src/contexts/historicoMenusContext";
import { useRouter } from "next/router";
import { useEffect, useState } from "react";
import { GoTrash } from "react-icons/go";
import ModalComponente from "../Modal/ModalComponente";

const Lixeira = () => {
  const { valuesSession } = useAuth();
  const { session } = valuesSession();
  const [openModal, setOpenModal] = useState(false);
  const id_usuario = session.id_usuario;
  const { historicoMenu, setHistoricoMenu } = useHistoricoMenuContext();
  const route = useRouter();

  // useEffect(() => {
  //   listarMenusHistorico(id_usuario).then((e) => {
  //     setHistoricoMenu(e);
  //   });
  // }, []);

  const handleClick = (e: any) => {
    e.preventDefault();
    setOpenModal(true);
  };

  return (
    <>
      <li className="relative">
        <div
          onClick={(e) => {
            handleClick(e);
          }}
          // href="#"
          className="cursor-pointer relative flex h-8.5 w-8.5 items-center justify-center rounded-full border-[0.5px] border-stroke bg-gray hover:text-primary dark:border-strokedark dark:bg-meta-4 dark:text-white"
        >
          <GoTrash title="Lixeira" size={19} />
        </div>
      </li>
      <ModalComponente
        header="Lixeira"
        hasForm={false}
        hasSaveButton={false}
        opened={openModal}
        onClose={() => setOpenModal(false)}
      >
        <ModalLixeira />
      </ModalComponente>
    </>
  );
};

export default Lixeira;