// Simple stroked icons — pure SVG, no hand-drawn complex art
const Icon = {
  Check: (p) => (
    <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M20 6L9 17l-5-5"/>
    </svg>
  ),
  Arrow: (p) => (
    <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" strokeWidth="1.75" strokeLinecap="round" strokeLinejoin="round" {...p}>
      <path d="M5 12h14M13 5l7 7-7 7"/>
    </svg>
  ),
  Apple: (p) => (
    <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" {...p}>
      <path d="M17.05 12.04c-.03-3.02 2.47-4.47 2.58-4.54-1.41-2.06-3.6-2.34-4.38-2.37-1.86-.19-3.64 1.1-4.58 1.1-.96 0-2.41-1.07-3.97-1.04-2.04.03-3.93 1.19-4.98 3.02-2.12 3.68-.54 9.12 1.52 12.11 1.01 1.46 2.21 3.1 3.78 3.04 1.52-.06 2.09-.98 3.93-.98 1.82 0 2.36.98 3.98.95 1.64-.03 2.68-1.48 3.69-2.95 1.16-1.69 1.64-3.33 1.67-3.41-.04-.02-3.2-1.23-3.24-4.87zM14.35 4.15c.82-1 1.38-2.39 1.23-3.78-1.19.05-2.63.79-3.48 1.79-.76.88-1.43 2.29-1.25 3.65 1.33.1 2.68-.68 3.5-1.66z"/>
    </svg>
  ),
  Play: (p) => (
    <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" {...p}>
      <path d="M3 2.5v19a1 1 0 001.54.84l15-9.5a1 1 0 000-1.68l-15-9.5A1 1 0 003 2.5z"/>
    </svg>
  ),
  Globe: (p) => (
    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" strokeWidth="1.5" {...p}>
      <circle cx="12" cy="12" r="9"/>
      <path d="M3 12h18M12 3c2.5 3 2.5 15 0 18M12 3c-2.5 3-2.5 15 0 18"/>
    </svg>
  ),
  Dot: (p) => (
    <svg viewBox="0 0 8 8" width="8" height="8" fill="currentColor" {...p}><circle cx="4" cy="4" r="4"/></svg>
  ),
};
window.Icon = Icon;