// Iconography — minimal line icons in gold
const Icon = ({ name, size = 24, stroke = 1.2 }) => {
  const common = {
    width: size, height: size, viewBox: "0 0 24 24",
    fill: "none", stroke: "currentColor",
    strokeWidth: stroke, strokeLinecap: "round", strokeLinejoin: "round"
  };
  switch (name) {
    case "eye":
      return (
        <svg {...common}>
          <path d="M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z"/>
          <circle cx="12" cy="12" r="3"/>
          <path d="M12 9v.01M12 15v.01" />
        </svg>
      );
    case "balance":
      return (
        <svg {...common}>
          <path d="M12 3v18" />
          <path d="M5 8h14" />
          <path d="M5 8l-2.5 6a3.5 3.5 0 0 0 5 0L5 8z"/>
          <path d="M19 8l-2.5 6a3.5 3.5 0 0 0 5 0L19 8z"/>
        </svg>
      );
    case "brain":
      return (
        <svg {...common}>
          <path d="M9 4a3 3 0 0 0-3 3 2.5 2.5 0 0 0-2 4 2.5 2.5 0 0 0 1 4 2.5 2.5 0 0 0 4 2 2 2 0 0 0 4 0 2.5 2.5 0 0 0 4-2 2.5 2.5 0 0 0 1-4 2.5 2.5 0 0 0-2-4 3 3 0 0 0-3-3 2 2 0 0 0-4 0z"/>
          <path d="M9 9c.5 1 1.5 1 2 0M13 9c.5 1 1.5 1 2 0"/>
        </svg>
      );
    case "vision-cross":
      return (
        <svg {...common}>
          <circle cx="8" cy="12" r="4"/>
          <circle cx="16" cy="12" r="4"/>
          <path d="M2 12h2M20 12h2"/>
        </svg>
      );
    case "spiral":
      return (
        <svg {...common}>
          <path d="M12 12a3 3 0 1 1 3-3 6 6 0 0 1-6 6 9 9 0 0 1-9-9"/>
          <path d="M12 12a3 3 0 1 0-3 3 6 6 0 0 0 6-6"/>
        </svg>
      );
    case "research":
      return (
        <svg {...common}>
          <circle cx="11" cy="11" r="7"/>
          <path d="M21 21l-4.3-4.3"/>
          <path d="M11 8v6M8 11h6"/>
        </svg>
      );
    case "pulse":
      return (
        <svg {...common}>
          <path d="M3 12h4l2-6 4 12 2-6h6"/>
        </svg>
      );
    case "headache":
      return (
        <svg {...common}>
          <path d="M5 14a7 7 0 0 1 14 0v3a2 2 0 0 1-2 2h-1v-4h-8v4H7a2 2 0 0 1-2-2v-3z"/>
          <path d="M9 8l-1-2M15 8l1-2M12 6V4"/>
        </svg>
      );
    case "clock":
      return (
        <svg {...common}>
          <circle cx="12" cy="12" r="9"/>
          <path d="M12 7v5l3 2"/>
        </svg>
      );
    case "ear":
      return (
        <svg {...common}>
          <path d="M8 21c-2 0-3-1.5-3-3.5C5 14 8 14 8 11a4 4 0 1 1 8 0c0 2-1.5 3-3 4s-3 2-3 4"/>
        </svg>
      );
    case "shield":
      return (
        <svg {...common}>
          <path d="M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6l8-3z"/>
          <path d="M9 12l2 2 4-4"/>
        </svg>
      );
    case "compass":
      return (
        <svg {...common}>
          <circle cx="12" cy="12" r="9"/>
          <path d="M16 8l-2 6-6 2 2-6 6-2z"/>
        </svg>
      );
    case "scope":
      return (
        <svg {...common}>
          <circle cx="12" cy="12" r="9"/>
          <path d="M12 3v3M12 18v3M3 12h3M18 12h3"/>
          <circle cx="12" cy="12" r="2"/>
        </svg>
      );
    case "arr":
      return (
        <svg {...common}>
          <path d="M5 12h14M13 6l6 6-6 6"/>
        </svg>
      );
    case "arr-l":
      return (
        <svg {...common}>
          <path d="M19 12H5M11 6l-6 6 6 6"/>
        </svg>
      );
    case "whatsapp":
      return (
        <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor">
          <path d="M19 5A9.9 9.9 0 0 0 12 2a10 10 0 0 0-8.6 15L2 22l5.2-1.4A10 10 0 0 0 22 12a9.9 9.9 0 0 0-3-7zm-7 15.3a8.3 8.3 0 0 1-4.2-1.2l-.3-.2-3.1.8.8-3-.2-.3a8.3 8.3 0 1 1 7 3.9zm4.6-6.2c-.3-.1-1.5-.7-1.7-.8s-.4-.1-.6.1-.7.8-.8.9-.3.2-.5.1a6.7 6.7 0 0 1-2-1.2 7.6 7.6 0 0 1-1.3-1.7c-.1-.3 0-.4.1-.5l.4-.4.2-.4a.4.4 0 0 0 0-.4l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-1 2.2 5.2 5.2 0 0 0 1 2.7 11.6 11.6 0 0 0 4.5 4 5.5 5.5 0 0 0 1.6.5 4 4 0 0 0 1.7 0 2.7 2.7 0 0 0 1.8-1.3 2.3 2.3 0 0 0 .1-1.3c-.1-.1-.3-.2-.5-.3z"/>
        </svg>
      );
    case "instagram":
      return (
        <svg {...common}>
          <rect x="3" y="3" width="18" height="18" rx="4"/>
          <circle cx="12" cy="12" r="4"/>
          <circle cx="17.5" cy="6.5" r=".6" fill="currentColor"/>
        </svg>
      );
    case "linkedin":
      return (
        <svg {...common}>
          <rect x="3" y="3" width="18" height="18" rx="2"/>
          <path d="M8 10v7M8 7v.01M12 17v-4a2 2 0 0 1 4 0v4M12 17v-7"/>
        </svg>
      );
    case "pin":
      return (
        <svg {...common}>
          <path d="M12 21s-7-7-7-12a7 7 0 1 1 14 0c0 5-7 12-7 12z"/>
          <circle cx="12" cy="9" r="2.5"/>
        </svg>
      );
    case "phone":
      return (
        <svg {...common}>
          <path d="M5 4h3l2 5-2 1a11 11 0 0 0 6 6l1-2 5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z"/>
        </svg>
      );
    case "mail":
      return (
        <svg {...common}>
          <rect x="3" y="5" width="18" height="14" rx="1"/>
          <path d="M3 7l9 6 9-6"/>
        </svg>
      );
    case "diamond":
      return (
        <svg {...common}>
          <path d="M12 2l4 5-4 15-4-15 4-5z"/>
          <path d="M4 7h16M12 2l-4 5h8l-4-5z"/>
        </svg>
      );
    case "leaf":
      return (
        <svg {...common}>
          <path d="M21 4c0 8-6 14-14 14H3v-4C3 6 9 4 14 4h7z"/>
          <path d="M3 18s5-7 14-9"/>
        </svg>
      );
    case "book":
      return (
        <svg {...common}>
          <path d="M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2V5z"/>
          <path d="M19 17H6"/>
        </svg>
      );
    case "spark":
      return (
        <svg {...common}>
          <path d="M12 3v4M12 17v4M3 12h4M17 12h4M6 6l3 3M15 15l3 3M6 18l3-3M15 9l3-3"/>
        </svg>
      );
    case "ornament":
      return (
        <svg {...common}>
          <path d="M2 12h6M16 12h6M12 2v6M12 16v6"/>
          <path d="M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" />
        </svg>
      );
    default: return null;
  }
};

window.Icon = Icon;