// Inline SVG icon library for StakeWorldwide
const Icon = {
  Logo: ({ className = "w-7 h-7" }) => (
    <svg viewBox="0 0 32 32" className={className} fill="none">
      <defs>
        <linearGradient id="lg1" x1="0" y1="0" x2="1" y2="1">
          <stop offset="0" stopColor="#10B981" />
          <stop offset="1" stopColor="#26A5E4" />
        </linearGradient>
      </defs>
      <path d="M16 2 L28 7 V16 C28 22.5 22.5 28 16 30 C9.5 28 4 22.5 4 16 V7 Z" stroke="url(#lg1)" strokeWidth="1.6" fill="rgba(16,185,129,0.06)"/>
      <circle cx="16" cy="16" r="5.5" stroke="url(#lg1)" strokeWidth="1.4" fill="none"/>
      <path d="M10.5 16 H21.5 M16 10.5 V21.5" stroke="url(#lg1)" strokeWidth="1.1" opacity="0.6"/>
    </svg>
  ),
  Search: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round">
      <circle cx="11" cy="11" r="7"/><path d="m20 20-3.5-3.5"/>
    </svg>
  ),
  Telegram: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="currentColor">
      <path d="M21.5 4.3 2.9 11.6c-1.1.4-1.1 1.1-.2 1.4l4.7 1.5 1.8 5.6c.2.6.1.8.7.8.5 0 .7-.2 1-.5l2.3-2.2 4.7 3.5c.9.5 1.5.2 1.7-.8l3.1-14.5c.3-1.3-.5-1.8-1.4-1.5ZM7.9 14.8l10.2-6.4c.5-.3.9-.1.5.2L10 16l-.3 3.6-1.8-4.8Z"/>
    </svg>
  ),
  ArrowRight: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round">
      <path d="M5 12h14M13 5l7 7-7 7"/>
    </svg>
  ),
  Check: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
      <path d="M5 12l5 5L20 7"/>
    </svg>
  ),
  ShieldCheck: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M12 3 4 6v6c0 4.5 3.2 8.5 8 9 4.8-.5 8-4.5 8-9V6z"/>
      <path d="m9 12 2 2 4-4"/>
    </svg>
  ),
  Globe: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6">
      <circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18"/>
    </svg>
  ),
  Key: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <circle cx="8" cy="15" r="4"/><path d="m10.8 12.2 9-9M17 6l3 3M15 8l3 3"/>
    </svg>
  ),
  Wallet: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round">
      <path d="M3 7c0-1.1.9-2 2-2h13v4"/>
      <rect x="3" y="7" width="18" height="13" rx="2"/>
      <circle cx="16" cy="13.5" r="1.4" fill="currentColor"/>
    </svg>
  ),
  Lock: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round">
      <rect x="4" y="10" width="16" height="11" rx="2"/><path d="M8 10V7a4 4 0 0 1 8 0v3"/>
    </svg>
  ),
  TrendingUp: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M3 17 10 10l4 4 7-8"/><path d="M14 6h7v7"/>
    </svg>
  ),
  Flag: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
      <path d="M4 21V4M4 4h13l-2 4 2 4H4"/>
    </svg>
  ),
  Book: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round">
      <path d="M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2z"/>
      <path d="M6 17h13"/>
    </svg>
  ),
  Clock: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round">
      <circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>
    </svg>
  ),
  Calendar: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6">
      <rect x="3" y="5" width="18" height="16" rx="2"/><path d="M3 9h18M8 3v4M16 3v4"/>
    </svg>
  ),
  X: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="currentColor">
      <path d="M18.244 2H21l-6.54 7.47L22 22h-6.36l-4.98-6.6L4.88 22H2.12l7.01-8L2 2h6.53l4.5 5.98L18.244 2Zm-1.12 18h1.68L7.03 4H5.25l11.874 16Z"/>
    </svg>
  ),
  LinkedIn: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="currentColor">
      <path d="M4.98 3.5a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5ZM3 9h4v12H3zM10 9h3.8v1.7h.1c.5-1 1.8-2 3.8-2 4 0 4.8 2.6 4.8 6V21h-4v-5.6c0-1.3 0-3-1.8-3s-2.1 1.4-2.1 2.9V21h-4Z"/>
    </svg>
  ),
  Mail: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round">
      <rect x="3" y="5" width="18" height="14" rx="2"/><path d="m3 7 9 6 9-6"/>
    </svg>
  ),
  Menu: ({ className = "w-5 h-5" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round">
      <path d="M4 7h16M4 12h16M4 17h16"/>
    </svg>
  ),
  Sparkles: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="currentColor">
      <path d="M12 2l1.5 4.5L18 8l-4.5 1.5L12 14l-1.5-4.5L6 8l4.5-1.5L12 2ZM19 14l.8 2.2L22 17l-2.2.8L19 20l-.8-2.2L16 17l2.2-.8L19 14ZM5 15l.7 1.8L7.5 17.5 5.7 18.2 5 20l-.7-1.8L2.5 17.5 4.3 16.8 5 15Z"/>
    </svg>
  ),
  Warning: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
      <path d="M12 3 2 21h20L12 3Z"/><path d="M12 10v5M12 18v.5"/>
    </svg>
  ),
  Block: ({ className = "w-4 h-4" }) => (
    <svg viewBox="0 0 24 24" className={className} fill="none" stroke="currentColor" strokeWidth="1.8">
      <circle cx="12" cy="12" r="9"/><path d="M5.6 5.6 18.4 18.4"/>
    </svg>
  ),
};

window.Icon = Icon;
