type Props = { slug: string; className?: string };

/**
 * Her kategori icin cizgi ikonu. Marka dilindeki ince altin cizgiye uyar.
 */
export default function CategoryIcon({ slug, className = 'h-9 w-9' }: Props) {
  const common = {
    className,
    viewBox: '0 0 48 48',
    fill: 'none',
    stroke: 'currentColor',
    strokeWidth: 1.3,
    strokeLinecap: 'round' as const,
    strokeLinejoin: 'round' as const,
  };

  switch (slug) {
    case 'su-boregi':
      return (
        <svg {...common}>
          <rect x="6" y="12" width="36" height="24" rx="3" />
          <path d="M6 20h36M6 28h36M18 12v24M30 12v24" opacity=".55" />
        </svg>
      );
    case 'rulo-borek':
      return (
        <svg {...common}>
          <rect x="7" y="18" width="34" height="12" rx="6" />
          <path d="M14 18c0 4 0 8 0 12M21 18v12M28 18v12M35 18v12" opacity=".55" />
        </svg>
      );
    case 'gul-borek':
      return (
        <svg {...common}>
          <circle cx="24" cy="24" r="16" />
          <path d="M24 8c-6 6-6 10 0 16s6 10 0 16" opacity=".6" />
          <circle cx="24" cy="24" r="9" opacity=".6" />
          <circle cx="24" cy="24" r="3" />
        </svg>
      );
    case 'catal-borek':
      return (
        <svg {...common}>
          <path d="M10 34c6-10 10-14 14-14s8 4 14 14" />
          <path d="M14 30h20" opacity=".5" />
          <path d="M24 20V10M18 14l6-4 6 4" opacity=".6" />
        </svg>
      );
    case 'kol-boregi':
      return (
        <svg {...common}>
          <path d="M8 24c0-4 3-7 7-7h18c4 0 7 3 7 7s-3 7-7 7H15c-4 0-7-3-7-7Z" />
          <path d="M17 17v14M25 17v14M33 17v14" opacity=".5" />
        </svg>
      );
    case 'el-sarma':
      return (
        <svg {...common}>
          <path d="M24 8 40 36H8L24 8Z" />
          <path d="M24 18 32 32H16l8-14Z" opacity=".55" />
        </svg>
      );
    case 'baklava-cevizli':
      return (
        <svg {...common}>
          <path d="M24 8 40 24 24 40 8 24 24 8Z" />
          <path d="M16 24 24 16l8 8-8 8-8-8Z" opacity=".55" />
          <circle cx="24" cy="24" r="2.5" />
        </svg>
      );
    case 'baklava-fistikli':
      return (
        <svg {...common}>
          <path d="M24 8 40 24 24 40 8 24 24 8Z" />
          <path d="M24 15c4 3 6 6 6 9s-2 6-6 9c-4-3-6-6-6-9s2-6 6-9Z" opacity=".6" />
        </svg>
      );
    default:
      return (
        <svg {...common}>
          <circle cx="24" cy="24" r="15" />
          <path d="M17 24h14M24 17v14" opacity=".55" />
        </svg>
      );
  }
}