// ============================================================
// ICONS — minimal line icons as React components
// ============================================================

const I = {
  Arrow: (p) => (
    <svg {...p} width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.4">
      <path d="M2 8h12M9 3l5 5-5 5" strokeLinecap="square" />
    </svg>
  ),
  Search: (p) => (
    <svg {...p} width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.4">
      <circle cx="7" cy="7" r="5" />
      <path d="m11 11 3 3" strokeLinecap="square" />
    </svg>
  ),
  User: (p) => (
    <svg {...p} width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
      <circle cx="8" cy="6" r="3" />
      <path d="M2.5 14c1-3 3-4.5 5.5-4.5S12.5 11 13.5 14" />
    </svg>
  ),
  Bell: (p) => (
    <svg {...p} width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
      <path d="M4 11V7a4 4 0 0 1 8 0v4l1 2H3l1-2Z" strokeLinejoin="round" />
      <path d="M6.5 13.5a1.5 1.5 0 0 0 3 0" />
    </svg>
  ),
  Chevron: (p) => (
    <svg {...p} width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" strokeWidth="1.5">
      <path d="m2 3.5 3 3 3-3" strokeLinecap="square" />
    </svg>
  ),
  Briefcase: (p) => (
    <svg {...p} width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
      <rect x="2" y="5" width="12" height="9" />
      <path d="M6 5V3h4v2M2 9h12" />
    </svg>
  ),
  Music: (p) => (
    <svg {...p} width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
      <path d="M6 11V3l7-1v8" />
      <circle cx="4.5" cy="11.5" r="1.5" />
      <circle cx="11.5" cy="10.5" r="1.5" />
    </svg>
  ),
  Shield: (p) => (
    <svg {...p} width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
      <path d="M8 2 3 4v4c0 3 2.5 5.5 5 6 2.5-.5 5-3 5-6V4l-5-2Z" strokeLinejoin="round" />
    </svg>
  ),
  Key: (p) => (
    <svg {...p} width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
      <circle cx="5" cy="11" r="3" />
      <path d="m7 9 6-6M11 5l1.5 1.5M9.5 6.5 11 8" strokeLinecap="square" />
    </svg>
  ),
  Sparkle: (p) => (
    <svg {...p} width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.2">
      <path d="M8 1v4M8 11v4M1 8h4M11 8h4M3.5 3.5l2.5 2.5M10 10l2.5 2.5M3.5 12.5 6 10M10 6l2.5-2.5" strokeLinecap="round" />
    </svg>
  ),
  Pin: (p) => (
    <svg {...p} width="12" height="12" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
      <circle cx="8" cy="7" r="3" />
      <path d="M8 10v4" strokeLinecap="round" />
    </svg>
  ),
  Lock: (p) => (
    <svg {...p} width="12" height="12" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
      <rect x="3" y="7" width="10" height="7" />
      <path d="M5 7V5a3 3 0 0 1 6 0v2" />
    </svg>
  ),
  Gem: (p) => (
    <svg {...p} width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.2">
      <path d="M3 6h10l-5 8L3 6ZM3 6l2-3h6l2 3M6 6l2 8M10 6 8 14" strokeLinejoin="round" strokeLinecap="round" />
    </svg>
  ),
  Phone: (p) => (
    <svg {...p} width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" strokeWidth="1.3">
      <path d="M3 3h3l1.5 3.5-2 1c.5 1.5 1.5 2.5 3 3l1-2L13 10v3c0 .5-.5 1-1 1A10 10 0 0 1 2 4c0-.5.5-1 1-1Z" strokeLinejoin="round" />
    </svg>
  ),
};

window.I = I;
