import ArrowBottomD from "@/components/icons/ArrowBottomD";
import SettingD from "@/components/icons/SettingD";
import { Button } from "@mui/material";

function FilterBtn() {
  return (
    <Button
      className="!flex lg:!hidden !h-[44px] sm:!h-[50px] md:!h-[57px] lg:!h-[64px] !p-2.5 !bg-transparent !shadow-none !border !border-solid !border-[#EFEFEF]"
      variant="contained"
      color="secondary"
    >
      <div className="min-w-[20px] min-h-[20px]">
        <SettingD />
      </div>
      <p className="text-[#616161] text-[14px] md:text-[16px] font-medium mx-2">
        فیلترها
      </p>
      <div className="w-[20px] md:w-[22px] lg:w-[24px] h-[20px] md:h-[22px] lg:h-[24px]">
        <ArrowBottomD />
      </div>
    </Button>
  );
}

export default FilterBtn;
