import { Star, Gem, Crown, Heart, Bookmark, Tag, Award, Flame, Eye, EyeOff } from "lucide-react";

const ICONS: Record<string, React.ComponentType<{ className?: string }>> = {
  star: Star,
  gem: Gem,
  crown: Crown,
  heart: Heart,
  bookmark: Bookmark,
  tag: Tag,
  award: Award,
  flame: Flame,
  eye: Eye,
  "eye-off": EyeOff,
};

export function CategoryIcon({ name, className }: { name: string | null; className?: string }) {
  const Icon = (name ? ICONS[name] : undefined) ?? Tag;
  return <Icon className={className} />;
}