// Icon set — minimalist line art in gold/ink
const KBIcon = {
  Phone: ({ size = 20, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/>
    </svg>
  ),
  Line: ({ size = 20, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill={color}>
      <path d="M12 2C6.48 2 2 5.73 2 10.33c0 4.12 3.55 7.58 8.36 8.23.33.07.77.21.88.48.1.25.07.63.03.88l-.14.85c-.04.25-.2.98.86.54 1.06-.44 5.72-3.37 7.81-5.77 1.44-1.58 2.12-3.2 2.12-5.21C22 5.73 17.52 2 12 2zm-4.87 11.5H5.5c-.2 0-.37-.17-.37-.37V9.5c0-.2.17-.37.37-.37.2 0 .37.17.37.37v3.25h1.26c.2 0 .37.17.37.37 0 .2-.17.38-.37.38zm1.38-.37c0 .2-.17.37-.37.37-.2 0-.37-.17-.37-.37V9.5c0-.2.17-.37.37-.37.2 0 .37.17.37.37v3.63zm4.35 0c0 .16-.1.3-.26.35-.04.01-.08.02-.12.02a.37.37 0 0 1-.3-.15l-1.88-2.54v2.32c0 .2-.17.37-.38.37-.2 0-.37-.17-.37-.37V9.5c0-.16.1-.3.26-.35.04-.01.08-.02.12-.02.11 0 .22.05.29.15l1.88 2.54V9.5c0-.2.17-.37.38-.37.2 0 .37.17.37.37v3.63zm2.93-1.82c.2 0 .37.17.37.37 0 .2-.17.37-.37.37h-1.26v.73h1.26c.2 0 .37.17.37.37 0 .2-.17.38-.37.38H13.5c-.2 0-.37-.17-.37-.38V9.5c0-.2.17-.37.37-.37h1.63c.2 0 .37.17.37.37 0 .2-.17.37-.37.37h-1.26v.73h1.26z"/>
    </svg>
  ),
  ArrowRight: ({ size = 16, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
      <path d="M5 12h14M13 5l7 7-7 7"/>
    </svg>
  ),
  Truck: ({ size = 28, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke={color} strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round">
      <path d="M3 20V8h14v12M17 12h5l4 5v3M3 20h23M9 24a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM25 24a2 2 0 1 1-4 0 2 2 0 0 1 4 0z"/>
    </svg>
  ),
  Box: ({ size = 28, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke={color} strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round">
      <path d="M4 10l12-6 12 6v12l-12 6-12-6V10zM4 10l12 6 12-6M16 16v12"/>
    </svg>
  ),
  Store: ({ size = 28, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke={color} strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round">
      <path d="M4 14v12h24V14M2 10l2-5h24l2 5H2zM12 26v-8h8v8"/>
    </svg>
  ),
  Chat: ({ size = 28, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke={color} strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round">
      <path d="M28 15c0 6-5.4 11-12 11-1.9 0-3.7-.4-5.3-1.1L4 27l2.3-5.8C5 19.3 4 17.2 4 15 4 9 9.4 4 16 4s12 5 12 11z"/>
    </svg>
  ),
  Check: ({ size = 16, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round">
      <path d="M20 6L9 17l-5-5"/>
    </svg>
  ),
  Sparkle: ({ size = 14, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill={color}>
      <path d="M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z"/>
    </svg>
  ),
  Shield: ({ size = 32, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke={color} strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round">
      <path d="M16 3L5 7v8c0 7 5 12 11 14 6-2 11-7 11-14V7l-11-4zM12 15l3 3 6-6"/>
    </svg>
  ),
  Scale: ({ size = 32, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke={color} strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round">
      <path d="M16 4v24M8 28h16M10 8l-5 10a5 5 0 0 0 10 0L10 8zM22 8l-5 10a5 5 0 0 0 10 0L22 8zM6 8h20"/>
    </svg>
  ),
  Bolt: ({ size = 32, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 32 32" fill="none" stroke={color} strokeWidth="1.3" strokeLinecap="round" strokeLinejoin="round">
      <path d="M18 3L6 18h8l-2 11 12-15h-8l2-11z"/>
    </svg>
  ),
  Menu: ({ size = 20, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.6" strokeLinecap="round">
      <path d="M4 7h16M4 12h16M4 17h10"/>
    </svg>
  ),
  Pin: ({ size = 16, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M12 22s8-7 8-13a8 8 0 0 0-16 0c0 6 8 13 8 13z"/>
      <circle cx="12" cy="9" r="2.5"/>
    </svg>
  ),
  Clock: ({ size = 16, color = 'currentColor' }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke={color} strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>
    </svg>
  ),
};

window.KBIcon = KBIcon;
