// Custom monoline icons for Leadry. 24x24 viewBox, 1.4 stroke.
const Ico = {
  Discover: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <circle cx="11" cy="11" r="6"/>
      <path d="M16 16l5 5"/>
      <circle cx="11" cy="11" r="1.5"/>
    </svg>
  ),
  Scrape: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <rect x="3" y="4" width="18" height="16"/>
      <path d="M3 8h18"/>
      <circle cx="6" cy="6" r="0.5" fill="currentColor"/>
      <circle cx="8" cy="6" r="0.5" fill="currentColor"/>
      <path d="M6 12h6M6 15h9M6 18h4"/>
    </svg>
  ),
  Extract: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M4 4h10l6 6v10H4z"/>
      <path d="M14 4v6h6"/>
      <path d="M8 14h8M8 17h6"/>
    </svg>
  ),
  Verify: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z"/>
      <path d="M8.5 12l2.5 2.5L16 9.5"/>
    </svg>
  ),
  Score: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M3 20h18"/>
      <path d="M6 20V12M11 20V7M16 20V14M21 20V4"/>
    </svg>
  ),
  Review: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <rect x="3" y="5" width="18" height="14"/>
      <path d="M3 10h18"/>
      <path d="M7 14l2 2 4-4"/>
      <path d="M16 15h2"/>
    </svg>
  ),
  Export: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M12 4v12"/>
      <path d="M7 9l5-5 5 5"/>
      <path d="M4 16v4h16v-4"/>
    </svg>
  ),
  Arrow: ({ angle = 0 }) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square" style={{ transform: `rotate(${angle}deg)` }}>
      <path d="M5 12h14M13 6l6 6-6 6"/>
    </svg>
  ),
  Mail: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <rect x="3" y="6" width="18" height="12"/>
      <path d="M3 7l9 7 9-7"/>
    </svg>
  ),
  Phone: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M5 4h4l2 5-2.5 1.5a11 11 0 005 5L15 13l5 2v4a2 2 0 01-2 2A14 14 0 014 7a2 2 0 012-2"/>
    </svg>
  ),
  Pin: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M12 22s7-7.5 7-13a7 7 0 10-14 0c0 5.5 7 13 7 13z"/>
      <circle cx="12" cy="9" r="2.5"/>
    </svg>
  ),
  Target: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <circle cx="12" cy="12" r="9"/>
      <circle cx="12" cy="12" r="5"/>
      <circle cx="12" cy="12" r="1.5" fill="currentColor"/>
    </svg>
  ),
  Lock: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <rect x="4" y="11" width="16" height="10"/>
      <path d="M8 11V7a4 4 0 018 0v4"/>
    </svg>
  ),
  Spark: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M12 3v6M12 15v6M3 12h6M15 12h6"/>
      <path d="M6 6l4 4M14 14l4 4M18 6l-4 4M10 14l-4 4"/>
    </svg>
  ),
  Speak: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M4 5h16v11H8l-4 4z"/>
      <path d="M8 9h8M8 12h6"/>
    </svg>
  ),
  Person: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <circle cx="12" cy="8" r="4"/>
      <path d="M4 21c1.5-4.5 4.5-7 8-7s6.5 2.5 8 7"/>
    </svg>
  ),
  Check: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M4 12l5 5L20 6"/>
    </svg>
  ),
  Minus: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M5 12h14"/>
    </svg>
  ),
  Plus: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M12 5v14M5 12h14"/>
    </svg>
  ),
  Github: () => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.4" strokeLinecap="square">
      <path d="M9 19c-4 1-4-2-6-2m12 5v-3.5c0-1 .1-1.4-.5-2 2.8-.3 5.5-1.4 5.5-6a4.7 4.7 0 00-1.3-3.2 4.4 4.4 0 00-.1-3.2s-1-.3-3.4 1.3a11.6 11.6 0 00-6 0C6.8 4.8 5.8 5.1 5.8 5.1a4.4 4.4 0 00-.1 3.2A4.7 4.7 0 004.4 11.5c0 4.6 2.7 5.7 5.5 6-.6.6-.6 1.2-.5 2V23"/>
    </svg>
  ),
};

window.Ico = Ico;
