// Inline SVG icons used across the LP.
// All icons are 1em-friendly: width/height inherited unless overridden.

const Icon = {
  Check: (p) => (
    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <polyline points="20 6 9 17 4 12"></polyline>
    </svg>
  ),
  Plus: (p) => (
    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" {...p}>
      <line x1="12" y1="5" x2="12" y2="19"></line>
      <line x1="5" y1="12" x2="19" y2="12"></line>
    </svg>
  ),
  Arrow: (p) => (
    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <line x1="5" y1="12" x2="19" y2="12"></line>
      <polyline points="12 5 19 12 12 19"></polyline>
    </svg>
  ),
  Fingerprint: (p) => (
    <svg width="42" height="42" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M12 11v2a10 10 0 0 0 1.5 5.3" />
      <path d="M19.5 9.5a10 10 0 0 0-2-3.5" />
      <path d="M4.5 8.5A10 10 0 0 1 18 6" />
      <path d="M3 14.5a10 10 0 0 1-.5-2.5 9.9 9.9 0 0 1 4-7.9" />
      <path d="M16 17.7a13 13 0 0 1-2-7.7 4 4 0 0 0-8 0" />
      <path d="M22 14a14 14 0 0 1-.7 4" />
      <path d="M8.7 21a11 11 0 0 1-2.7-7" />
      <path d="M12 6v.5a6 6 0 0 1 6 6 14 14 0 0 1-.5 3.6" />
    </svg>
  ),
  Wifi: (p) => (
    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M5 13a10 10 0 0 1 14 0" />
      <path d="M8.5 16.5a5 5 0 0 1 7 0" />
      <line x1="12" y1="20" x2="12.01" y2="20" />
      <path d="M2 9a15 15 0 0 1 20 0" />
    </svg>
  ),
  Pin: (p) => (
    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M21 10c0 7-9 13-9 13S3 17 3 10a9 9 0 0 1 18 0z" />
      <circle cx="12" cy="10" r="3" />
    </svg>
  ),
  Tablet: (p) => (
    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <rect x="4" y="3" width="16" height="18" rx="2" />
      <line x1="12" y1="18" x2="12.01" y2="18" />
    </svg>
  ),
  PhoneFace: (p) => (
    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <rect x="6" y="2" width="12" height="20" rx="3" />
      <circle cx="12" cy="11" r="2.2" />
      <path d="M9 15c.7.7 1.8 1.2 3 1.2s2.3-.5 3-1.2" />
    </svg>
  ),
  Shield: (p) => (
    <svg width="42" height="42" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M12 22s8-3 8-10V5l-8-3-8 3v7c0 7 8 10 8 10z" />
      <polyline points="9 12 11 14 15 10" />
    </svg>
  ),
  Chart: (p) => (
    <svg width="42" height="42" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" strokeWidth="1.4" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <rect x="3" y="13" width="4" height="8" rx="1" />
      <rect x="10" y="9" width="4" height="12" rx="1" />
      <rect x="17" y="5" width="4" height="16" rx="1" />
    </svg>
  ),
  Spark: (p) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M12 2l1.6 5.4L19 9l-5.4 1.6L12 16l-1.6-5.4L5 9l5.4-1.6L12 2z" />
    </svg>
  ),
  Lock: (p) => (
    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <rect x="4" y="11" width="16" height="10" rx="2" stroke="#f59e0b" />
      <path d="M8 11V7a4 4 0 0 1 8 0v4" stroke="#f59e0b" />
    </svg>
  ),
  Clock: (p) => (
    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <circle cx="12" cy="12" r="9" stroke="#f59e0b" />
      <polyline points="12 7 12 12 15 14" stroke="#f59e0b" />
    </svg>
  ),
  Doc: (p) => (
    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#f59e0b" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" stroke="#f59e0b" />
      <polyline points="14 2 14 8 20 8" stroke="#f59e0b" />
      <line x1="8" y1="13" x2="16" y2="13" stroke="#f59e0b" />
      <line x1="8" y1="17" x2="16" y2="17" stroke="#f59e0b" />
    </svg>
  ),
  Bolt: (p) => (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M13 2L3 14h7l-1 8 10-12h-7l1-8z" />
    </svg>
  ),
};

window.Icon = Icon;
