// Tiny SVG icons used throughout the page.
const Icon = {
  Arrow: ({size=14}) => (
    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
      <path d="M3 7h8m-3-3 3 3-3 3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  ArrowBack: ({size=14}) => (
    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
      <path d="M11 7H3m3-3-3 3 3 3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  Check: ({size=10}) => (
    <svg width={size} height={size} viewBox="0 0 10 10" fill="none">
      <path d="m2 5 2 2 4-4" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  Up: ({size=10}) => (
    <svg width={size} height={size} viewBox="0 0 10 10" fill="none">
      <path d="m2 6 3-3 3 3" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  Lock: ({size=18}) => (
    <svg width={size} height={size} viewBox="0 0 18 18" fill="none">
      <rect x="3.5" y="7.5" width="11" height="8" rx="1.5" stroke="currentColor" strokeWidth="1.4"/>
      <path d="M6 7.5V5a3 3 0 0 1 6 0v2.5" stroke="currentColor" strokeWidth="1.4"/>
    </svg>
  ),
  NoLien: ({size=18}) => (
    <svg width={size} height={size} viewBox="0 0 18 18" fill="none">
      <path d="M9 1.5 2.5 4v5c0 3.5 2.6 6 6.5 7.5 3.9-1.5 6.5-4 6.5-7.5V4L9 1.5Z" stroke="currentColor" strokeWidth="1.3"/>
      <path d="m6 9 6-3M6 6l6 3" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/>
    </svg>
  ),
  NoSale: ({size=18}) => (
    <svg width={size} height={size} viewBox="0 0 18 18" fill="none">
      <path d="M3 9h12M3 5h12M3 13h8" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/>
      <path d="m4 4 10 10" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/>
    </svg>
  ),
  NoSpv: ({size=18}) => (
    <svg width={size} height={size} viewBox="0 0 18 18" fill="none">
      <rect x="3" y="3" width="12" height="12" rx="1.5" stroke="currentColor" strokeWidth="1.3"/>
      <path d="M3 7h12M7 3v12" stroke="currentColor" strokeWidth="1.3"/>
      <path d="m4 4 10 10" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/>
    </svg>
  ),
  NoCompany: ({size=18}) => (
    <svg width={size} height={size} viewBox="0 0 18 18" fill="none">
      <path d="M3 15V6l5-3 5 3v9M6 15v-3h4v3M6 8h1M11 8h1M6 11h1M11 11h1" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/>
      <path d="m4 4 10 10" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/>
    </svg>
  ),
  NoMargin: ({size=18}) => (
    <svg width={size} height={size} viewBox="0 0 18 18" fill="none">
      <path d="M2 14h14M4 14V8m4 6V4m4 10V6m4 8v-3" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/>
      <path d="m3 3 12 12" stroke="currentColor" strokeWidth="1.3" strokeLinecap="round"/>
    </svg>
  ),
  Plus: ({size=14}) => (
    <svg width={size} height={size} viewBox="0 0 14 14" fill="none">
      <path d="M7 3v8M3 7h8" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round"/>
    </svg>
  ),
  Sparkle: ({size=12}) => (
    <svg width={size} height={size} viewBox="0 0 12 12" fill="none">
      <path d="M6 1v3m0 4v3M1 6h3m4 0h3" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round"/>
    </svg>
  ),
};

window.Icon = Icon;
