Function ButtonCategory

apps/web/components/Categories.tsx:78–98

({ categories, selectedCategory, handleCategoryChange }: CategoryProps)

};

const ButtonCategory = ({ categories, selectedCategory, handleCategoryChange }: CategoryProps) => {
  return (
    <div className="flex justify-evenly mx-auto border-2 rounded-full py-1 w-2/3">
        <Button variant="ghost" className="rounded-full" onClick={() => handleCategoryChange("All")}>
          All
        </Button>
      {categories.map((category) => (
        <Button
          key={category.category}
          variant="ghost"
          onClick={() => handleCategoryChange(category.category)}
          className={
            selectedCategory === category.category ? "bg-gray-300 dark:bg-slate-700 rounded-full" : "rounded-full"
          }
        >
          {category.category}
        </Button>
      ))}
    </div>
  );
};