import {
  Heart,
  Leaf,
  Monitor,
  Palette,
  ShoppingBag,
  Truck,
  UtensilsCrossed,
  Wrench,
} from 'lucide-react';
import type { VocationalCategoryIconKey } from '@/shared/types/vocational';

interface VocationalIconProps {
  readonly iconKey: VocationalCategoryIconKey;
  readonly size?: number;
}

export function VocationalIcon({ iconKey, size = 16 }: VocationalIconProps) {
  if (iconKey === 'leaf') return <Leaf size={size} />;
  if (iconKey === 'utensils') return <UtensilsCrossed size={size} />;
  if (iconKey === 'heart') return <Heart size={size} />;
  if (iconKey === 'shoppingBag') return <ShoppingBag size={size} />;
  if (iconKey === 'wrench') return <Wrench size={size} />;
  if (iconKey === 'palette') return <Palette size={size} />;
  if (iconKey === 'truck') return <Truck size={size} />;
  return <Monitor size={size} />;
}
