// ui.jsx — minimal Icon shim for the MomentKeep marketing site (exposes window.Icon).
const _icons = {
  qr: <><rect x="4" y="4" width="6" height="6" rx="1"/><rect x="14" y="4" width="6" height="6" rx="1"/><rect x="4" y="14" width="6" height="6" rx="1"/><path d="M14 14h2v2M20 14v2M14 18v2h2M18 18h2v2"/></>,
  upload: <><path d="M12 15.5V5"/><path d="m7.5 9 4.5-4.5L16.5 9"/><path d="M5 15v2.5a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V15"/></>,
  face: <><circle cx="12" cy="12" r="8.4"/><circle cx="9.3" cy="10.6" r="0.9" fill="currentColor" stroke="none"/><circle cx="14.7" cy="10.6" r="0.9" fill="currentColor" stroke="none"/><path d="M9 14.6c.9.9 1.9 1.3 3 1.3s2.1-.4 3-1.3"/></>,
  search: <><circle cx="11" cy="11" r="6"/><path d="m20 20-4.3-4.3"/></>,
  sparkle: <><path d="M12 4c.4 3.2 1.4 4.2 4.6 4.6-3.2.4-4.2 1.4-4.6 4.6-.4-3.2-1.4-4.2-4.6-4.6C10.6 8.2 11.6 7.2 12 4Z"/><path d="M18 14c.2 1.6.7 2.1 2.3 2.3-1.6.2-2.1.7-2.3 2.3-.2-1.6-.7-2.1-2.3-2.3 1.6-.2 2.1-.7 2.3-2.3Z"/></>,
  shield: <><path d="M12 3 5 6v5c0 4.2 2.9 7.6 7 9 4.1-1.4 7-4.8 7-9V6Z"/><path d="m9 12 2 2 4-4"/></>,
  download: <><path d="M12 4v11"/><path d="m7.5 10.5 4.5 4.5 4.5-4.5"/><path d="M5 19h14"/></>,
  chevron: <path d="m9 5 7 7-7 7"/>,
  check: <path d="m5 12.5 4.5 4.5L19 7"/>,
  plus: <><path d="M12 5v14"/><path d="M5 12h14"/></>,
  heart: <path d="M12 20s-6.8-4.3-9-8.2C1.4 8.9 2.6 5.6 5.8 5.2 8 4.9 9.3 6 12 8.6 14.7 6 16 4.9 18.2 5.2c3.2.4 4.4 3.7 2.8 6.6C18.8 15.7 12 20 12 20Z"/>,
  users: <><circle cx="9" cy="8" r="3.2"/><path d="M3.5 19c0-3 2.5-5 5.5-5s5.5 2 5.5 5"/><path d="M16 5.2a3.2 3.2 0 0 1 0 6"/><path d="M17.5 14c2.2.4 3.9 2.2 3.9 4.6"/></>,
  star: <path d="m12 4 2.3 5.2 5.7.5-4.3 3.8 1.3 5.5L12 16.6 6.7 19l1.3-5.5L3.7 9.7l5.7-.5Z"/>,
  grid: <><rect x="4" y="4" width="7" height="7" rx="1.2"/><rect x="13" y="4" width="7" height="7" rx="1.2"/><rect x="4" y="13" width="7" height="7" rx="1.2"/><rect x="13" y="13" width="7" height="7" rx="1.2"/></>,
  share: <><circle cx="6" cy="12" r="2.4"/><circle cx="17" cy="6" r="2.4"/><circle cx="17" cy="18" r="2.4"/><path d="m8.1 10.9 6.8-3.8M8.1 13.1l6.8 3.8"/></>,
};
function Icon({ name, size = 22, stroke = 1.6, fill = "none", className = "", style = {} }) {
  return (
    <svg className={className} width={size} height={size} viewBox="0 0 24 24" fill={fill}
      stroke="currentColor" strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" style={style} aria-hidden="true">
      {_icons[name] || null}
    </svg>
  );
}
Object.assign(window, { Icon });