// Minimal icon set (Lucide-style, 1.75 stroke)
const Icon = ({ name, size = 18, ...rest }) => {
  const paths = {
    arrow:     "M5 12h14M13 5l7 7-7 7",
    arrowDown: "M12 5v14M5 12l7 7 7-7",
    arrowRight:"M5 12h14M13 5l7 7-7 7",
    menu:      "M4 6h16M4 12h16M4 18h16",
    close:     "M18 6 6 18M6 6l12 12",
    telegram:  "M21 4 2.5 11.5 9 13.5l2 7 3-5 6 5L21 4Z",
    youtube:   "M22 8.5a3 3 0 0 0-2.1-2.12C18.1 6 12 6 12 6s-6.1 0-7.9.38A3 3 0 0 0 2 8.5 31 31 0 0 0 1.6 12 31 31 0 0 0 2 15.5a3 3 0 0 0 2.1 2.12C5.9 18 12 18 12 18s6.1 0 7.9-.38A3 3 0 0 0 22 15.5 31 31 0 0 0 22.4 12 31 31 0 0 0 22 8.5ZM10 15V9l5.2 3Z",
    play:      "M6 4l14 8L6 20V4Z",
    mail:      "M4 6h16v12H4zM4 6l8 7 8-7",
    external:  "M14 4h6v6M20 4l-9 9M9 4H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3",
  };
  return (
    <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
         stroke="currentColor" strokeWidth="1.75"
         strokeLinecap="round" strokeLinejoin="round" aria-hidden="true" {...rest}>
      <path d={paths[name]} />
    </svg>
  );
};

window.Icon = Icon;