/* Minimal hand-drawn icon set — outline, 1.6 stroke, no fills */
const Stroke = ({ children, size = 20, className = "" }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
       stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round"
       className={className}>
    {children}
  </svg>
);

const IPin    = (p) => <Stroke {...p}><path d="M12 21s-7-6.2-7-12a7 7 0 1 1 14 0c0 5.8-7 12-7 12Z"/><circle cx="12" cy="9" r="2.5"/></Stroke>;
const IPhone  = (p) => <Stroke {...p}><path d="M5 4.5c0-.8.7-1.5 1.5-1.5h2.2c.6 0 1.2.4 1.4 1l1 2.8a1.5 1.5 0 0 1-.4 1.7L9.4 9.6a12 12 0 0 0 5 5l1.1-1.3a1.5 1.5 0 0 1 1.7-.4l2.8 1c.6.2 1 .8 1 1.4V17a2 2 0 0 1-2 2A14 14 0 0 1 5 5.5Z"/></Stroke>;
const IArrow  = (p) => <Stroke {...p}><path d="M5 12h14"/><path d="m13 6 6 6-6 6"/></Stroke>;
const IDown   = (p) => <Stroke {...p}><path d="m6 9 6 6 6-6"/></Stroke>;
const IMenu   = (p) => <Stroke {...p}><circle cx="5" cy="12" r="1.4"/><circle cx="12" cy="12" r="1.4"/><circle cx="19" cy="12" r="1.4"/></Stroke>;
const IClose  = (p) => <Stroke {...p}><path d="m6 6 12 12"/><path d="M18 6 6 18"/></Stroke>;
const IClock  = (p) => <Stroke {...p}><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></Stroke>;
const ICheck  = (p) => <Stroke {...p}><path d="m5 12 4 4 10-10"/></Stroke>;
const ICash   = (p) => <Stroke {...p}><rect x="3" y="6" width="18" height="12" rx="2"/><circle cx="12" cy="12" r="2.5"/><path d="M6 9.5v.01M18 14.5v.01"/></Stroke>;
const ICalendar = (p) => <Stroke {...p}><rect x="3.5" y="5" width="17" height="15" rx="2"/><path d="M8 3v4M16 3v4M3.5 10h17"/></Stroke>;
const IShare  = (p) => <Stroke {...p}><circle cx="6" cy="12" r="2.5"/><circle cx="18" cy="6" r="2.5"/><circle cx="18" cy="18" r="2.5"/><path d="m8 11 8-4M8 13l8 4"/></Stroke>;
const ISpark  = (p) => <Stroke {...p}><path d="M12 4v5M12 15v5M4 12h5M15 12h5"/></Stroke>;
const IInsta  = (p) => <Stroke {...p}><rect x="3.5" y="3.5" width="17" height="17" rx="4.5"/><circle cx="12" cy="12" r="4"/><circle cx="17" cy="7" r="0.6" fill="currentColor"/></Stroke>;
const ITikTok = (p) => <Stroke {...p}><path d="M14 4v9.5a3.5 3.5 0 1 1-3.5-3.5"/><path d="M14 4c0 2.2 1.8 4 4 4"/></Stroke>;
const IFb     = (p) => <Stroke {...p}><path d="M14 21v-8h2.5l.5-3H14V7.8c0-.9.4-1.7 1.7-1.7H17V3.4c-.4-.1-1.6-.2-2.6-.2-2.6 0-4.4 1.6-4.4 4.4V10H7v3h3v8"/></Stroke>;

Object.assign(window, {
  IPin, IPhone, IArrow, IDown, IMenu, IClose, IClock, ICheck, ICash, ICalendar, IShare, ISpark, IInsta, ITikTok, IFb
});