"use client";

import { useCallback, useState } from "react";

export function useGenreFilter() {
  const [selectedGenre, setSelectedGenre] = useState<string | null>(null);

  const filterByGenre = useCallback((genre: string) => {
    setSelectedGenre((prev) => (prev === genre ? null : genre));
  }, []);

  const clearGenreFilter = useCallback(() => {
    setSelectedGenre(null);
  }, []);

  return { selectedGenre, filterByGenre, clearGenreFilter };
}