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

export const UsersFilterHeader = ({ data }: { data: any }) => {
  const { i18LangStatus } = useAppSelector((state) => state.langSlice);
  const { filterToggle } = useAppSelector((state) => state.product);
  const dispatch = useAppDispatch();

  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-outline-primary"
        href={`/${i18LangStatus}/users/import`}
      >
        <i className="fa fa-upload" />
        Import
      </Link>
      <Button
        color="link"
        className="btn btn-outline-primary"
        onClick={() => downloadCSV(data)}
      >
        <i className="fa fa-download me-2" />
        Export
      </Button>
      <Link
        className="btn btn-primary"
        href={`/${i18LangStatus}/users/add`}
      >
        <i className="fa fa-plus" />
        Add User
      </Link>
    </div>
  );
};