// Hand-tuned 1.25px stroke icons. Calm, geometric.
const Icon = ({ children, size = 16, className = "", style = {} }) => (
  <svg
    width={size} height={size} viewBox="0 0 16 16"
    fill="none" stroke="currentColor"
    strokeWidth="1.25" strokeLinecap="round" strokeLinejoin="round"
    className={className} style={style}
  >
    {children}
  </svg>
);

const Ic = {
  Home: (p) => <Icon {...p}><path d="M2.5 7L8 2.5 13.5 7v6a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V7z"/><path d="M6.5 13.5V9.5h3v4"/></Icon>,
  Inbox: (p) => <Icon {...p}><path d="M2 8.5V12a1.5 1.5 0 0 0 1.5 1.5h9A1.5 1.5 0 0 0 14 12V8.5"/><path d="M2 8.5L3.5 3a.5.5 0 0 1 .5-.4h8a.5.5 0 0 1 .5.4L14 8.5"/><path d="M2 8.5h3l1 2h4l1-2h3"/></Icon>,
  Sparkle: (p) => <Icon {...p}><path d="M8 2v4M8 10v4M2 8h4M10 8h4"/><path d="M11.5 4.5L13 3M3 13L4.5 11.5M11.5 11.5L13 13M3 3l1.5 1.5"/></Icon>,
  Coin: (p) => <Icon {...p}><circle cx="8" cy="8" r="5.5"/><path d="M8 5v6M9.8 6.2c-.5-.5-1.2-.7-1.8-.7-1 0-1.7.5-1.7 1.2 0 .8.8 1 1.7 1.2 1 .2 1.8.4 1.8 1.3 0 .8-.8 1.3-1.8 1.3-.7 0-1.4-.2-1.9-.7"/></Icon>,
  Folder: (p) => <Icon {...p}><path d="M2 4.5a1 1 0 0 1 1-1h3.2a1 1 0 0 1 .8.4l.6.8a1 1 0 0 0 .8.4H13a1 1 0 0 1 1 1V12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4.5z"/></Icon>,
  Flow: (p) => <Icon {...p}><circle cx="3" cy="3" r="1.5"/><circle cx="13" cy="3" r="1.5"/><circle cx="3" cy="13" r="1.5"/><circle cx="13" cy="13" r="1.5"/><path d="M4.5 3H11M3 4.5V11M5 13l8-8"/></Icon>,
  Box: (p) => <Icon {...p}><path d="M2.5 4.5L8 2l5.5 2.5v7L8 14 2.5 11.5v-7z"/><path d="M2.5 4.5L8 7m0 0l5.5-2.5M8 7v7"/></Icon>,
  Users: (p) => <Icon {...p}><circle cx="6" cy="6" r="2.2"/><path d="M2.5 13c0-2 1.6-3.2 3.5-3.2S9.5 11 9.5 13"/><circle cx="11" cy="6.5" r="1.7"/><path d="M10.5 9.8c1.7 0 3 1 3 2.7"/></Icon>,
  Plug: (p) => <Icon {...p}><path d="M5 8.5l-2 2a2.5 2.5 0 0 0 3.5 3.5l2-2"/><path d="M11 7.5l2-2A2.5 2.5 0 0 0 9.5 2l-2 2"/><path d="M5.5 10.5l5-5"/></Icon>,
  Bell: (p) => <Icon {...p}><path d="M4 7a4 4 0 1 1 8 0v3l1 2H3l1-2V7z"/><path d="M6.5 13a1.5 1.5 0 0 0 3 0"/></Icon>,
  Settings: (p) => <Icon {...p}><circle cx="8" cy="8" r="2"/><path d="M8 1.5v1.7M8 12.8v1.7M14.5 8h-1.7M3.2 8H1.5M12.6 3.4l-1.2 1.2M4.6 11.4l-1.2 1.2M12.6 12.6l-1.2-1.2M4.6 4.6L3.4 3.4"/></Icon>,
  Search: (p) => <Icon {...p}><circle cx="7" cy="7" r="4.5"/><path d="M10.5 10.5L13.5 13.5"/></Icon>,
  Chevron: (p) => <Icon {...p}><path d="M6 4l4 4-4 4"/></Icon>,
  ChevronDown: (p) => <Icon {...p}><path d="M4 6l4 4 4-4"/></Icon>,
  Plus: (p) => <Icon {...p}><path d="M8 3v10M3 8h10"/></Icon>,
  Send: (p) => <Icon {...p}><path d="M14 2L7 9M14 2l-4.5 12-2.5-5L2 6l12-4z"/></Icon>,
  Mail: (p) => <Icon {...p}><rect x="2" y="3.5" width="12" height="9" rx="1.5"/><path d="M2.5 4.5L8 9l5.5-4.5"/></Icon>,
  Instagram: (p) => <Icon {...p}><rect x="2.5" y="2.5" width="11" height="11" rx="3"/><circle cx="8" cy="8" r="2.5"/><circle cx="11.2" cy="4.8" r=".4" fill="currentColor"/></Icon>,
  Facebook: (p) => <Icon {...p}><path d="M9.5 14V8.5h2L12 6.5H9.5V5c0-.6.3-1 1-1H12V2h-2c-1.7 0-2.5 1-2.5 2.5v2H6v2h1.5V14"/></Icon>,
  Calendar: (p) => <Icon {...p}><rect x="2" y="3.5" width="12" height="10" rx="1.5"/><path d="M2 6.5h12M5.5 2v3M10.5 2v3"/></Icon>,
  Map: (p) => <Icon {...p}><path d="M2 4l4-1.5 4 1.5 4-1.5v9.5L10 13.5 6 12 2 13.5V4z"/><path d="M6 2.5V12M10 4v9.5"/></Icon>,
  Clock: (p) => <Icon {...p}><circle cx="8" cy="8" r="5.5"/><path d="M8 5v3l2 1.5"/></Icon>,
  Bot: (p) => <Icon {...p}><rect x="3" y="5" width="10" height="8" rx="2"/><circle cx="6" cy="9" r=".7" fill="currentColor"/><circle cx="10" cy="9" r=".7" fill="currentColor"/><path d="M8 2v3M5.5 5h5"/></Icon>,
  Close: (p) => <Icon {...p}><path d="M3.5 3.5l9 9M12.5 3.5l-9 9"/></Icon>,
  Check: (p) => <Icon {...p}><path d="M3 8.5l3 3 7-7"/></Icon>,
  Menu: (p) => <Icon {...p}><path d="M2.5 4.5h11M2.5 8h11M2.5 11.5h11"/></Icon>,
  Drop: (p) => <Icon {...p}><path d="M8 2s4 4.5 4 7.5a4 4 0 1 1-8 0C4 6.5 8 2 8 2z"/></Icon>,
  Sun: (p) => <Icon {...p}><circle cx="8" cy="8" r="3"/><path d="M8 1.5v1.5M8 13v1.5M14.5 8H13M3 8H1.5M12.5 3.5l-1 1M4.5 11.5l-1 1M12.5 12.5l-1-1M4.5 4.5l-1-1"/></Icon>,
  Truck: (p) => <Icon {...p}><rect x="1.5" y="5" width="7" height="6"/><path d="M8.5 7h3l2 2v2h-5"/><circle cx="4" cy="12" r="1.2"/><circle cx="11" cy="12" r="1.2"/></Icon>,
  Wallet: (p) => <Icon {...p}><rect x="2" y="4" width="12" height="9" rx="1.5"/><path d="M14 7.5h-3a1.5 1.5 0 0 0 0 3h3"/></Icon>,
  Tag: (p) => <Icon {...p}><path d="M2 2h5l7 7-5 5-7-7V2z"/><circle cx="5" cy="5" r=".7" fill="currentColor"/></Icon>,
  Globe: (p) => <Icon {...p}><circle cx="8" cy="8" r="5.5"/><path d="M2.5 8h11M8 2.5c2 2 2 9 0 11M8 2.5c-2 2-2 9 0 11"/></Icon>,
  Undo: (p) => <Icon {...p}><path d="M3 7h7a3.5 3.5 0 0 1 0 7H7"/><path d="M5.5 4.5L3 7l2.5 2.5"/></Icon>,
  Shield: (p) => <Icon {...p}><path d="M8 2l5 2v4c0 3-2.2 5.2-5 6-2.8-.8-5-3-5-6V4l5-2z"/><path d="M5.8 8l1.6 1.6L10.4 6.5"/></Icon>,
  Phone: (p) => <Icon {...p}><path d="M13.5 11.3v1.5a1.3 1.3 0 0 1-1.45 1.3 13 13 0 0 1-5.7-2 12.8 12.8 0 0 1-4-4 13 13 0 0 1-2-5.7A1.3 1.3 0 0 1 2.6 1h1.9a1.3 1.3 0 0 1 1.3 1.1c.08.6.23 1.2.43 1.8a1.3 1.3 0 0 1-.3 1.4l-.8.8a10.4 10.4 0 0 0 4 4l.8-.8a1.3 1.3 0 0 1 1.4-.3c.6.2 1.2.35 1.8.43a1.3 1.3 0 0 1 1.1 1.3z"/></Icon>,
  Text: (p) => <Icon {...p}><path d="M2.5 4.5A1.5 1.5 0 0 1 4 3h8a1.5 1.5 0 0 1 1.5 1.5v4A1.5 1.5 0 0 1 12 10H7l-3 2.5V10A1.5 1.5 0 0 1 2.5 8.5z"/><circle cx="5.5" cy="6.5" r=".6" fill="currentColor"/><circle cx="8" cy="6.5" r=".6" fill="currentColor"/><circle cx="10.5" cy="6.5" r=".6" fill="currentColor"/></Icon>,
  Store: (p) => <Icon {...p}><path d="M3 6.5L4.2 3.5h7.6L13 6.5"/><path d="M2.8 6.5h10.4"/><path d="M3.5 6.5V13h9V6.5"/><path d="M6.5 13V9.5h3V13"/></Icon>,
};

window.Ic = Ic;
