/* global React */
// Icon set for AgentZap carousel — Lucide-style outline, 2px stroke, rounded caps.

const IconBase = ({ size = 22, stroke = 'currentColor', strokeWidth = 2, children, ...rest }) =>
  React.createElement('svg', {
    width: size, height: size, viewBox: '0 0 24 24', fill: 'none',
    stroke, strokeWidth, strokeLinecap: 'round', strokeLinejoin: 'round', ...rest
  }, children);

const Icons = {
  Phone: (p) => React.createElement(IconBase, p,
    React.createElement('path', { d: 'M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z' })
  ),
  Calendar: (p) => React.createElement(IconBase, p,
    React.createElement('rect', { x: 3, y: 4, width: 18, height: 18, rx: 2 }),
    React.createElement('path', { d: 'M16 2v4M8 2v4M3 10h18' })
  ),
  Check: (p) => React.createElement(IconBase, p, React.createElement('path', { d: 'M20 6L9 17l-5-5' })),
  Bolt: (p) => React.createElement(IconBase, p, React.createElement('path', { d: 'M13 2L3 14h9l-1 8 10-12h-9l1-8z' })),
  Sparkle: (p) => React.createElement(IconBase, p, React.createElement('path', { d: 'M12 2l2 6h6l-5 4 2 6-5-4-5 4 2-6-5-4h6z' })),
  Clock: (p) => React.createElement(IconBase, p,
    React.createElement('circle', { cx: 12, cy: 12, r: 9 }),
    React.createElement('path', { d: 'M12 7v5l3 2' })
  ),
  Chart: (p) => React.createElement(IconBase, p,
    React.createElement('path', { d: 'M3 3v18h18' }),
    React.createElement('path', { d: 'M7 14l4-4 3 3 5-6' })
  ),
  Lock: (p) => React.createElement(IconBase, p,
    React.createElement('rect', { x: 4, y: 11, width: 16, height: 10, rx: 2 }),
    React.createElement('path', { d: 'M8 11V7a4 4 0 0 1 8 0v4' })
  ),
  User: (p) => React.createElement(IconBase, p,
    React.createElement('circle', { cx: 12, cy: 8, r: 4 }),
    React.createElement('path', { d: 'M4 21a8 8 0 0 1 16 0' })
  ),
  Alert: (p) => React.createElement(IconBase, p,
    React.createElement('path', { d: 'M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z' }),
    React.createElement('path', { d: 'M12 9v4M12 17h.01' })
  ),
  Arrow: (p) => React.createElement(IconBase, p,
    React.createElement('path', { d: 'M5 12h14M13 6l6 6-6 6' })
  ),
  Mic: (p) => React.createElement(IconBase, p,
    React.createElement('rect', { x: 9, y: 2, width: 6, height: 13, rx: 3 }),
    React.createElement('path', { d: 'M5 11a7 7 0 0 0 14 0M12 18v4' })
  ),
  Message: (p) => React.createElement(IconBase, p,
    React.createElement('path', { d: 'M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z' })
  ),
  Dollar: (p) => React.createElement(IconBase, p,
    React.createElement('path', { d: 'M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6' })
  ),
  Heart: (p) => React.createElement(IconBase, p,
    React.createElement('path', { d: 'M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z' })
  ),
  Send: (p) => React.createElement(IconBase, p,
    React.createElement('path', { d: 'M22 2L11 13M22 2l-7 20-4-9-9-4z' })
  ),
  More: (p) => React.createElement(IconBase, p,
    React.createElement('circle', { cx: 12, cy: 12, r: 1 }),
    React.createElement('circle', { cx: 12, cy: 5, r: 1 }),
    React.createElement('circle', { cx: 12, cy: 19, r: 1 })
  ),
  Bookmark: (p) => React.createElement(IconBase, p,
    React.createElement('path', { d: 'M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z' })
  ),
};

window.Icons = Icons;