import { AddProduct } from "@/Constant";
import { downloadCSV } from "@/Helper/DownloadCsv";
import { useAppDispatch, useAppSelector } from "@/Redux/Hooks";
import { setFilterToggle } from "@/Redux/Reducers/ProductSlice";
import Link from "next/link";
import { useState } from "react";
import { Filter } from "react-feather";
import { Button, Modal, ModalBody } from "reactstrap";

export const EmailFilterHeader = ({ data }: { data: any }) => {
  const { i18LangStatus } = useAppSelector((state) => state.langSlice);
  const { filterToggle } = useAppSelector((state) => state.product);
  const dispatch = useAppDispatch();
  const [isOpen, setIsOpen] = useState(false);
  const [isSelectedOpen, setIsSelectedOpen] = useState(false);
  const [selectedPeriod, setSelectedPeriod] = useState(0);
  const toggle = () => {
    setIsOpen(!isOpen);
  };

  return (
    <div>
      <div className="light-box" onClick={() => dispatch(setFilterToggle())}>
        <a>
          <Filter className={`filter-icon ${filterToggle ? "hide" : "show"}`} />
          <i
            className={`icon-close filter-close ${filterToggle ? "show" : "hide"
              }`}
          />
        </a>
      </div>
      {/* <Link className="btn btn-primary" href={`/${i18LangStatus}/email/add`}>
        <i className="fa fa-plus" />
        Add Template
      </Link> */}
    </div>
  );
};