// Compact SVG icon set used across screens. Stroke icons that take currentColor
// so they re-tint per theme. Sized via the wrapper's width.

const Icon = ({ d, size = 22, stroke = 1.5, fill = 'none', color = 'currentColor', style }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={fill} style={style}>
    <path d={d} stroke={color} strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" fill={fill} />
  </svg>
);

const ICONS = {
  heart: 'M12 20s-7-4.5-7-10.5A4 4 0 0 1 12 6a4 4 0 0 1 7 3.5C19 15.5 12 20 12 20z',
  star: 'M12 3l2.4 5.6L20 9.3l-4.3 4 1.2 5.9L12 16l-4.9 3.2 1.2-5.9L4 9.3l5.6-.7L12 3z',
  sparkle: 'M12 3v6m0 6v6m-9-9h6m6 0h6M6.5 6.5l3 3m5 5l3 3m0-11l-3 3m-5 5l-3 3',
  moon: 'M21 13.5A8.5 8.5 0 1 1 10.5 3a6.5 6.5 0 0 0 10.5 10.5z',
  sun: 'M12 5V3m0 18v-2m7-7h2M3 12h2m12.7-6.7l1.4-1.4M4.9 19.1l1.4-1.4m0-11.4L4.9 4.9m13.8 14.2l1.4-1.4M12 8a4 4 0 1 0 0 8 4 4 0 0 0 0-8z',
  cloud: 'M6 18a4 4 0 0 1-.6-7.95A6 6 0 0 1 17 9a4 4 0 1 1 0 8z',
  flower: 'M12 3a3 3 0 0 1 3 3 3 3 0 0 1 3 3 3 3 0 0 1 0 6 3 3 0 0 1-3 3 3 3 0 0 1-6 0 3 3 0 0 1-3-3 3 3 0 0 1 0-6 3 3 0 0 1 3-3 3 3 0 0 1 3-3zm0 6a3 3 0 1 0 0 6 3 3 0 0 0 0-6z',
  leaf: 'M5 21c0-9 6-15 15-15 0 9-6 15-15 15zm0 0L15 11',
  bell: 'M6 16V11a6 6 0 1 1 12 0v5l1.5 2H4.5L6 16zm3 4a3 3 0 0 0 6 0',
  menu: 'M4 7h16M4 12h16M4 17h16',
  back: 'M14 6l-6 6 6 6',
  forward: 'M10 6l6 6-6 6',
  close: 'M6 6l12 12M6 18L18 6',
  bookmark: 'M7 4h10v17l-5-3.5L7 21V4z',
  share: 'M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7M16 6l-4-4-4 4M12 2v13',
  check: 'M5 12l5 5L20 7',
  search: 'M11 4a7 7 0 1 1 0 14 7 7 0 0 1 0-14zm5 12l5 5',
  chevron: 'M9 6l6 6-6 6',
  chat: 'M21 12c0 4.4-4 8-9 8a10 10 0 0 1-3.5-.6L4 21l1-4A8.5 8.5 0 0 1 3 12c0-4.4 4-8 9-8s9 3.6 9 8z',
  clock: 'M12 7v5l3 2M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18z',
  calendar: 'M5 5h14v15H5V5zm0 5h14M9 3v4m6-4v4',
  gift: 'M3 9h18v4H3V9zm9 0v12M3 13v8h18v-8M5 9a3 3 0 0 1 4-3 3 3 0 0 1 3 3 3 3 0 0 1 3-3 3 3 0 0 1 4 3',
  question: 'M9 9a3 3 0 1 1 5 2c-1 .5-2 1-2 3m0 3v.5M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18z',
  settings: 'M12 9a3 3 0 1 1 0 6 3 3 0 0 1 0-6zm0-6l1.5 3 3 .5-1 3 2 2.5-2.5 2 .5 3-3 .5L12 21l-1.5-2.5-3-.5.5-3-2.5-2 2-2.5-1-3 3-.5L12 3z',
  history: 'M12 7v5l3 2M21 12a9 9 0 1 1-3-6.7M21 4v5h-5',
  edit: 'M14 4l6 6L8 22H2v-6L14 4z',
  ribbon: 'M12 3a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm-3 7l-4 11 7-4 7 4-4-11',
  tarot: 'M7 3h10l1 3v15H6V6l1-3zm5 4v8m-3-4h6',
  dream: 'M5 12c0-4 3-7 7-7 2 0 4 1 5 3l-1 2 2 1c0 4-3 7-7 7s-6-2-7-5z',
  compass: 'M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18zm0 3l2 5-5 2 5-2-2-5z',
  number7: 'M8 6h8l-4 14',
  ticket: 'M3 8a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v2a2 2 0 0 0 0 4v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 0 0-4V8zm6-2v14',
  briefcase: 'M3 8h18v12H3V8zm6 0V5h6v3',
  link: 'M10 14a4 4 0 0 0 6 0l3-3a4 4 0 0 0-6-6l-1 1m1 7a4 4 0 0 0-6 0l-3 3a4 4 0 0 0 6 6l1-1',
  arrow: 'M5 12h14m-5-5l5 5-5 5',
  user: 'M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21a8 8 0 1 1 16 0',
  send: 'M3 11l18-8-7 19-2-9-9-2z',
};

window.Icon = Icon;
window.ICONS = ICONS;