import React from "react";

interface ToggleFilterButtonProps {
  isOpenSideBar: boolean;
  totalItem: number;
  onClick: () => void;
}

export default function ToggleFilterButton({
  isOpenSideBar,
  totalItem,
  onClick,
}:ToggleFilterButtonProps){

return (
    <div
      className="flex w-full flex-col border bg-gray-100 px-4 py-1 md:max-w-60"
      onClick={onClick}
    >
      <p className="text-xs">{totalItem} items</p>
      <div className="flex py-1 text-sm font-medium">
        {isOpenSideBar ? "Hide" : "Show"} Filters
      </div>
    </div>
  );
};