// Inline SVG icons — simple, rounded, modern with Mesopotamian-inspired touches
const Ic = {
  // Brand mark - stylized cuneiform-inspired "E"
  EnkiMark: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M5 4l7 3 7-3"/>
      <path d="M5 4v16"/>
      <path d="M19 4v16"/>
      <path d="M12 7v13"/>
      <path d="M5 20l7-3 7 3"/>
      <circle cx="12" cy="12" r="1.5" fill="currentColor" stroke="none"/>
    </svg>
  ),
  Star: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M12 2l2.9 6.6 7.1.6-5.4 4.7 1.7 7L12 17.3 5.7 21l1.7-7L2 9.2l7.1-.6L12 2z"/>
    </svg>
  ),
  Check: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M5 12.5l4.5 4.5L19 7"/>
    </svg>
  ),
  Lock: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <rect x="4" y="11" width="16" height="10" rx="2.5"/>
      <path d="M8 11V7a4 4 0 0 1 8 0v4"/>
    </svg>
  ),
  Chevron: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M6 9l6 6 6-6"/>
    </svg>
  ),
  Menu: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" {...p}>
      <path d="M4 7h16"/><path d="M4 12h16"/><path d="M4 17h16"/>
    </svg>
  ),
  X: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" {...p}>
      <path d="M6 6l12 12"/><path d="M18 6L6 18"/>
    </svg>
  ),
  Apple: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M16.5 12.6c0-2.3 1.9-3.4 2-3.5-1.1-1.6-2.8-1.8-3.4-1.9-1.4-.1-2.8.9-3.5.9-.7 0-1.9-.9-3.1-.9-1.6 0-3.1.9-3.9 2.4-1.7 2.9-.4 7.2 1.2 9.6.8 1.2 1.7 2.5 3 2.4 1.2 0 1.6-.8 3-.8s1.8.8 3 .8c1.2 0 2.1-1.2 2.9-2.3 1-1.3 1.4-2.6 1.4-2.7-.1-.1-2.6-1-2.6-4zM14.7 5.3c.6-.8 1-1.9.9-3-.9 0-2 .6-2.7 1.4-.6.7-1.1 1.8-1 2.9 1 .1 2.1-.5 2.8-1.3z"/>
    </svg>
  ),
  Google: (p) => (
    <svg viewBox="0 0 24 24" {...p}>
      <path d="M3.6 2.4a1.5 1.5 0 0 0-.6 1.2v16.8c0 .5.2.9.5 1.2L13 12 3.6 2.4z" fill="#34A853"/>
      <path d="M17 8.6 4.6 1.7c-.4-.2-.8-.2-1 0L13 11l4-2.4z" fill="#FBBC05"/>
      <path d="M3.6 21.6c.2.2.6.2 1 0L17 14.7 13 12 3.6 21.6z" fill="#EA4335"/>
      <path d="M20.8 10.7 17 8.6 13 12l4 2.7 3.8-2.1c1-.5 1-2 0-2.5z" fill="#4285F4"/>
    </svg>
  ),
  // Feature icons
  Brain: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M9 4a3 3 0 0 0-3 3v.5A3 3 0 0 0 4 10.5 3 3 0 0 0 5.5 13 3 3 0 0 0 6 16.5 3 3 0 0 0 9 19a3 3 0 0 0 3-3V5a3 3 0 0 0-3-1z"/>
      <path d="M15 4a3 3 0 0 1 3 3v.5a3 3 0 0 1 2 3 3 3 0 0 1-1.5 2.5 3 3 0 0 1-.5 3.5 3 3 0 0 1-3 2.5 3 3 0 0 1-3-3V5a3 3 0 0 1 3-1z"/>
    </svg>
  ),
  Target: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <circle cx="12" cy="12" r="9"/>
      <circle cx="12" cy="12" r="5.5"/>
      <circle cx="12" cy="12" r="2" fill="currentColor"/>
    </svg>
  ),
  Map: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M9 4L3 6v14l6-2 6 2 6-2V4l-6 2-6-2z"/>
      <path d="M9 4v14"/><path d="M15 6v14"/>
    </svg>
  ),
  Sparkles: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6L12 3z"/>
      <path d="M19 14l.8 2.2L22 17l-2.2.8L19 20l-.8-2.2L16 17l2.2-.8L19 14z"/>
      <path d="M5 14l.6 1.6L7 16l-1.4.4L5 18l-.6-1.6L3 16l1.4-.4L5 14z"/>
    </svg>
  ),
  Compass: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <circle cx="12" cy="12" r="9"/>
      <path d="M15 9l-1.5 4.5L9 15l1.5-4.5L15 9z" fill="currentColor"/>
    </svg>
  ),
  Clock: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <circle cx="12" cy="12" r="9"/>
      <path d="M12 7v5l3 2"/>
    </svg>
  ),
  Chart: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M4 20h16"/>
      <rect x="6" y="12" width="3" height="6" rx="1" fill="currentColor"/>
      <rect x="11" y="8" width="3" height="10" rx="1"/>
      <rect x="16" y="4" width="3" height="14" rx="1" fill="currentColor"/>
    </svg>
  ),
  Book: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M4 5a2 2 0 0 1 2-2h12v18H6a2 2 0 0 1-2-2V5z"/>
      <path d="M8 8h7"/><path d="M8 12h7"/>
    </svg>
  ),
  Refresh: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M21 12a9 9 0 1 1-3-6.7"/>
      <path d="M21 4v5h-5"/>
    </svg>
  ),
  Bell: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M6 8a6 6 0 0 1 12 0v5l1.5 3h-15L6 13V8z"/>
      <path d="M10 19a2 2 0 0 0 4 0"/>
    </svg>
  ),
  Phone: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <rect x="6" y="2.5" width="12" height="19" rx="3"/>
      <path d="M10 18.5h4"/>
    </svg>
  ),
  Globe: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <circle cx="12" cy="12" r="9"/>
      <path d="M3 12h18"/><path d="M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18"/>
    </svg>
  ),
  // Mesopotamian motif — ziggurat
  Ziggurat: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.7" strokeLinejoin="round" {...p}>
      <path d="M3 20h18"/>
      <path d="M5 20v-3h14v3"/>
      <path d="M7 17v-3h10v3"/>
      <path d="M9 14v-3h6v3"/>
      <path d="M11 11V7h2v4"/>
      <path d="M12 7V4" strokeLinecap="round"/>
    </svg>
  ),
  // Social
  Instagram: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <rect x="3" y="3" width="18" height="18" rx="5"/>
      <circle cx="12" cy="12" r="4"/>
      <circle cx="17.5" cy="6.5" r="0.8" fill="currentColor"/>
    </svg>
  ),
  TikTok: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M16.5 3h2.5c0 2.2 1.8 4 4 4v2.5c-1.6 0-3-.5-4.1-1.4v7a5.9 5.9 0 1 1-5.9-5.9c.3 0 .6 0 .9.1V12a3.5 3.5 0 1 0 2.6 3.4V3z"/>
    </svg>
  ),
  Telegram: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M21.5 3.4 2.7 10.7c-1.1.4-1 1.9.1 2.2l4.7 1.4 1.8 5.8c.2.6 1 .8 1.4.3l2.8-2.9 4.6 3.4c.5.4 1.3.1 1.4-.6L23 4.7c.2-.9-.7-1.6-1.5-1.3zM10 14.8l-.5 3.9-1.2-3.9 7.5-6.7-5.8 6.7z"/>
    </svg>
  ),
  XSocial: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M17.5 3H21l-7.5 8.7L22 21h-6.8l-5-6.5L4.5 21H1l8-9.3L1 3h6.9l4.5 6 5.1-6z"/>
    </svg>
  ),
  Mail: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <rect x="3" y="5" width="18" height="14" rx="3"/>
      <path d="M4 7l8 6 8-6"/>
    </svg>
  ),
  ArrowLeft: (p) => (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M19 12H5"/><path d="M12 5l-7 7 7 7"/>
    </svg>
  ),
  Play: (p) => (
    <svg viewBox="0 0 24 24" fill="currentColor" {...p}>
      <path d="M8 5l12 7-12 7V5z"/>
    </svg>
  ),
};
window.Ic = Ic;
