/* mk-icons.jsx — iconos adicionales propios del marketplace (no chocan con icons.jsx) */
const MK_ICONS = {
  cart:   "M3 4h2l2.2 11.4A2 2 0 009.2 17H18a2 2 0 002-1.7L21.5 8H6.2|M9 21a1.2 1.2 0 100-2.4A1.2 1.2 0 009 21zM18 21a1.2 1.2 0 100-2.4 1.2 1.2 0 000 2.4z",
  upload: "M12 16V4M7 9l5-5 5 5|M4 16v3a2 2 0 002 2h12a2 2 0 002-2v-3",
  image:  "M4 5h16v14H4z|M4 16l4.5-4.5 3 3L16 10l4 4|M9 9.5a1.2 1.2 0 100-2.4 1.2 1.2 0 000 2.4z",
  trash:  "M4 7h16M9 7V5a2 2 0 012-2h2a2 2 0 012 2v2M6 7l1 13a2 2 0 002 2h6a2 2 0 002-2l1-13",
  edit:   "M12 20h9M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4z",
  close:  "M6 6l12 12M18 6L6 18",
  bike:   "M6 18a3 3 0 100-6 3 3 0 000 6zM18 18a3 3 0 100-6 3 3 0 000 6zM9 15l3-8h4l2 4M13 7h3",
  copy:   "M8 8h12v12H8z|M8 16H5a1 1 0 01-1-1V5a1 1 0 011-1h10a1 1 0 011 1v3",
};
function MkIcon({ name, style }) {
  const d = (MK_ICONS[name] || "").split("|");
  return (
    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.9"
         strokeLinecap="round" strokeLinejoin="round"
         style={{ width: 18, height: 18, flex: "none", display: "block", ...style }}>
      {d.map((p, i) => <path key={i} d={p} />)}
    </svg>
  );
}
Object.assign(window, { MkIcon });
