// SVG icon set. Strokes inherit currentColor.

const Icon = {
  Logo: ({ size = 28, ...p }) => (
    <svg width={size} height={size * (558/512)} viewBox="-22 -24 44 48" fill="none" xmlns="http://www.w3.org/2000/svg" {...p}>
      <path d="M 14.004 13.307 A 5 5 0 0 0 17.294 8.608 L 17.294 -11.131 A 9.5 9.5 0 0 0 4.545 -20.058 L -14.004 -13.307 A 5 5 0 0 0 -17.294 -8.608 L -17.294 11.131 A 9.5 9.5 0 0 0 -4.545 20.058 Z" fill="#0B0F14" />
      <path d="M -5.5 0 A 5.5 5.5 0 0 0 1.881 5.168 L 9.675 2.332 A 5.5 5.5 0 0 0 13.294 -2.837 L 13.294 -11.131 A 5.5 5.5 0 0 0 5.913 -16.299 L -1.881 -13.462 A 5.5 5.5 0 0 0 -5.5 -8.294 Z" fill="url(#sonaro-blue)" opacity="0.9" />
      <path d="M -13.294 11.131 A 5.5 5.5 0 0 0 -5.913 16.299 L 1.881 13.462 A 5.5 5.5 0 0 0 5.5 8.294 L 5.5 0 A 5.5 5.5 0 0 0 -1.881 -5.168 L -9.675 -2.332 A 5.5 5.5 0 0 0 -13.294 2.837 Z" fill="url(#sonaro-green)" opacity="0.9" />
      <defs>
        <linearGradient id="sonaro-blue" x1="0%" y1="0%" x2="100%" y2="100%">
          <stop offset="0%" stopColor="#A8E0EF" />
          <stop offset="100%" stopColor="#5B9EAD" />
        </linearGradient>
        <linearGradient id="sonaro-green" x1="100%" y1="100%" x2="0%" y2="0%">
          <stop offset="0%" stopColor="#5B9EAD" />
          <stop offset="100%" stopColor="#2D6A7A" />
        </linearGradient>
      </defs>
    </svg>
  ),
  LogoLight: ({ size = 28, ...p }) => (
    <svg width={size} height={size * (558/512)} viewBox="-22 -24 44 48" fill="none" xmlns="http://www.w3.org/2000/svg" {...p}>
      <path d="M 14.004 13.307 A 5 5 0 0 0 17.294 8.608 L 17.294 -11.131 A 9.5 9.5 0 0 0 4.545 -20.058 L -14.004 -13.307 A 5 5 0 0 0 -17.294 -8.608 L -17.294 11.131 A 9.5 9.5 0 0 0 -4.545 20.058 Z" fill="#F5F3EB" />
      <path d="M -5.5 0 A 5.5 5.5 0 0 0 1.881 5.168 L 9.675 2.332 A 5.5 5.5 0 0 0 13.294 -2.837 L 13.294 -11.131 A 5.5 5.5 0 0 0 5.913 -16.299 L -1.881 -13.462 A 5.5 5.5 0 0 0 -5.5 -8.294 Z" fill="url(#sonaro-blue-l)" opacity="0.95" />
      <path d="M -13.294 11.131 A 5.5 5.5 0 0 0 -5.913 16.299 L 1.881 13.462 A 5.5 5.5 0 0 0 5.5 8.294 L 5.5 0 A 5.5 5.5 0 0 0 -1.881 -5.168 L -9.675 -2.332 A 5.5 5.5 0 0 0 -13.294 2.837 Z" fill="url(#sonaro-green-l)" opacity="0.95" />
      <defs>
        <linearGradient id="sonaro-blue-l" x1="0%" y1="0%" x2="100%" y2="100%">
          <stop offset="0%" stopColor="#C2E8F1" />
          <stop offset="100%" stopColor="#7AB0BD" />
        </linearGradient>
        <linearGradient id="sonaro-green-l" x1="100%" y1="100%" x2="0%" y2="0%">
          <stop offset="0%" stopColor="#7AB0BD" />
          <stop offset="100%" stopColor="#4F8794" />
        </linearGradient>
      </defs>
    </svg>
  ),
  Arrow: ({ size = 14, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" {...p}>
      <path d="M3 8H13M13 8L8.5 3.5M13 8L8.5 12.5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  ),
  ArrowUpRight: ({ size = 14, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" {...p}>
      <path d="M5 11L11 5M11 5H6M11 5V10" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  ),
  Plus: ({ size = 14, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" {...p}>
      <path d="M8 3.5V12.5M3.5 8H12.5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
    </svg>
  ),
  Phone: ({ size = 16, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" {...p}>
      <path d="M5 4a2 2 0 0 1 2-2h2.6a1 1 0 0 1 .97.757l.91 3.64a1 1 0 0 1-.27.95L9.3 9.3a14 14 0 0 0 5.4 5.4l1.95-1.92a1 1 0 0 1 .95-.27l3.64.91a1 1 0 0 1 .76.97V17a2 2 0 0 1-2 2h-1C9.85 19 5 14.15 5 8V4z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
    </svg>
  ),
  Chat: ({ size = 16, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" {...p}>
      <path d="M21 12a8 8 0 0 1-11.6 7.15L4 20l1-4.4A8 8 0 1 1 21 12z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
    </svg>
  ),
  Check: ({ size = 14, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" {...p}>
      <path d="M3 8.5L6.5 12L13 4.5" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  ),
  Globe: ({ size = 16, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" {...p}>
      <circle cx="12" cy="12" r="9" stroke="currentColor" strokeWidth="1.5" />
      <path d="M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18" stroke="currentColor" strokeWidth="1.5" />
    </svg>
  ),
  Shield: ({ size = 18, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" {...p}>
      <path d="M12 3l8 3v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6l8-3z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
      <path d="M8.5 12l2.5 2.5L15.5 10" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
  ),
  Clinic: ({ size = 18, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" {...p}>
      <path d="M4 21V8l8-4 8 4v13" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
      <path d="M12 10v6M9 13h6" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
      <path d="M4 21h16" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
    </svg>
  ),
  Spark: ({ size = 16, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" {...p}>
      <path d="M8 1.5L9.5 6.5L14.5 8L9.5 9.5L8 14.5L6.5 9.5L1.5 8L6.5 6.5L8 1.5Z" fill="currentColor" />
    </svg>
  ),
  Search: ({ size = 16, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" {...p}>
      <circle cx="7" cy="7" r="4.5" stroke="currentColor" strokeWidth="1.5" />
      <path d="M10.5 10.5L13.5 13.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
    </svg>
  ),
  WhatsApp: ({ size = 18, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" {...p}>
      <path d="M12 3a9 9 0 0 0-7.65 13.71L3 21l4.4-1.3A9 9 0 1 0 12 3z" fill="#25D366" />
      <path d="M8.8 8.4c.2-.5.4-.5.6-.5h.5c.2 0 .4 0 .6.5s.7 1.7.8 1.8.1.3 0 .5-.2.3-.4.5-.3.4-.5.6c-.1.2-.3.4-.1.7s.7 1.2 1.6 1.9c1.1.9 2 1.2 2.3 1.3.3.1.5.1.7-.1s.7-.8.9-1.1c.2-.3.4-.2.6-.1s1.7.8 2 .9c.3.2.5.2.6.4.1.2.1 1-.3 1.9-.4.9-1.7 1.6-2.4 1.7-.6.1-1.4.1-3.1-.7-2.7-1.2-4.4-3.9-4.5-4.1-.1-.2-1-1.4-1-2.7s.7-1.9 1-2.2z" fill="white" />
    </svg>
  ),
  Star: ({ size = 12, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="currentColor" {...p}>
      <path d="M8 1l2 4.6L15 6.3l-3.7 3.2 1.1 5L8 12l-4.4 2.5 1.1-5L1 6.3l5-.7L8 1z" />
    </svg>
  ),
  Cal: ({ size = 16, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="none" {...p}>
      <rect x="2" y="3" width="12" height="11" rx="1.5" stroke="currentColor" strokeWidth="1.4" />
      <path d="M2 6.5h12M5.5 1.5v3M10.5 1.5v3" stroke="currentColor" strokeWidth="1.4" strokeLinecap="round" />
    </svg>
  ),
  Lightning: ({ size = 14, ...p }) => (
    <svg width={size} height={size} viewBox="0 0 16 16" fill="currentColor" {...p}>
      <path d="M9 1L3 9h4l-1 6 6-8H8l1-6z" />
    </svg>
  )
};

window.Icon = Icon;
