import FilterColorIcon from "@/shared/icons/home-page/filterColorIcon.svg";
import FilterIcon from "@/shared/icons/home-page/filterIcon.svg";

type TShowFilterButtonProps = {
	showFilter?: boolean;
	onClick?: () => void;
};

const ShowFilterButton = ({
	showFilter,
	onClick: handleShowFilter,
}: TShowFilterButtonProps) => {
	return (
		<button
			className='bg-[#F3F3F3] rounded-[6px] p-2 h-9 cursor-pointer'
			onClick={handleShowFilter}>
			{showFilter ? <FilterColorIcon /> : <FilterIcon />}
		</button>
	);
};

export default ShowFilterButton;