/* Icons — lightweight SVG strokes */
const Icon = ({ d, size = 22 }) => (
  <svg className="ico" viewBox="0 0 24 24" width={size} height={size} aria-hidden="true">
    {d}
  </svg>
);

const Icons = {
  arrow: <Icon d={<><path d="M5 12h14"/><path d="M13 5l7 7-7 7"/></>} />,
  arrowDown: <Icon d={<><path d="M12 5v14"/><path d="M5 13l7 7 7-7"/></>} />,
  check: <Icon d={<><path d="M20 6 9 17l-5-5"/></>} />,
  shield: <Icon d={<><path d="M12 2l8 4v6c0 5-3.5 9-8 10-4.5-1-8-5-8-10V6l8-4z"/></>} />,
  spark: <Icon d={<><path d="M12 3v4"/><path d="M12 17v4"/><path d="M3 12h4"/><path d="M17 12h4"/><path d="M6 6l2.5 2.5"/><path d="M15.5 15.5L18 18"/><path d="M6 18l2.5-2.5"/><path d="M15.5 8.5L18 6"/></>} />,
  clock: <Icon d={<><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></>} />,
  heart: <Icon d={<><path d="M12 21s-7-4.5-9.5-9A5.5 5.5 0 0 1 12 6a5.5 5.5 0 0 1 9.5 6c-2.5 4.5-9.5 9-9.5 9z"/></>} />,
  star: <Icon d={<><path d="M12 3l2.7 5.6 6.3.9-4.5 4.4 1 6.1-5.5-2.9-5.5 2.9 1-6.1L3 9.5l6.3-.9L12 3z"/></>} />,
  phone: <Icon d={<><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.6a2 2 0 0 1-.5 2.1L7.9 9.7a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5c.8.3 1.7.5 2.6.6a2 2 0 0 1 1.7 2z"/></>} />,
  pin: <Icon d={<><path d="M12 21s-7-6.5-7-12a7 7 0 0 1 14 0c0 5.5-7 12-7 12z"/><circle cx="12" cy="9" r="2.5"/></>} />,
  mail: <Icon d={<><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 7 9-7"/></>} />,
  play: <Icon d={<><path d="M6 4l14 8-14 8V4z"/></>} />,
  menu: <Icon d={<><path d="M3 6h18"/><path d="M3 12h18"/><path d="M3 18h18"/></>} />,
  close: <Icon d={<><path d="M6 6l12 12"/><path d="M18 6l-12 12"/></>} />,
  plus: <Icon d={<><path d="M12 5v14"/><path d="M5 12h14"/></>} />,
  minus: <Icon d={<><path d="M5 12h14"/></>} />,
  cannula: <Icon d={<><path d="M3 12h12"/><path d="M15 8l4 4-4 4"/><path d="M3 10v4"/></>} />,
  leaf: <Icon d={<><path d="M11 20A7 7 0 0 1 4 13c0-5 7-9 16-9 0 7-4 16-9 16z"/><path d="M4 20l8-8"/></>} />,
  award: <Icon d={<><circle cx="12" cy="9" r="6"/><path d="M8.5 14L7 22l5-3 5 3-1.5-8"/></>} />,
  doc: <Icon d={<><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M14 3v6h6"/></>} />,
};

window.Icon = Icon;
window.Icons = Icons;
