"use client";

import FilterSVG from "@/assets/icons/filter.svg";

import Button from "@/components/Button/Button";

import { useFilterPanel } from "@/hooks/useFilterPanel";

export default function FilterButton({ className }: { className?: string }) {
  const { onToggleFilter } = useFilterPanel();

  return (
    <Button
      variant="plain"
      icon={FilterSVG}
      onClick={onToggleFilter}
      className={className}
    />
  );
}