// Icons.jsx — lucide-style icons, 1.5px stroke
const Icon = ({ d, size = 16, stroke = 1.5, fill = "none", ...p }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill={fill} stroke="currentColor"
    strokeWidth={stroke} strokeLinecap="round" strokeLinejoin="round" className="nav-icon" {...p}>
    {d}
  </svg>
);

const I = {
  Home: (p) => <Icon {...p} d={<><path d="M3 9.5 12 3l9 6.5V20a1 1 0 0 1-1 1h-5v-7h-6v7H4a1 1 0 0 1-1-1z"/></>} />,
  Book: (p) => <Icon {...p} d={<><path d="M4 4h12a3 3 0 0 1 3 3v13H7a3 3 0 0 1-3-3z"/><path d="M4 17a3 3 0 0 1 3-3h12"/></>} />,
  Calendar: (p) => <Icon {...p} d={<><rect x="3" y="5" width="18" height="16" rx="1"/><path d="M3 10h18M8 3v4M16 3v4"/></>} />,
  Chart: (p) => <Icon {...p} d={<><path d="M3 3v18h18"/><path d="M7 16V11M11 16V7M15 16v-6M19 16v-3"/></>} />,
  Wallet: (p) => <Icon {...p} d={<><rect x="3" y="6" width="18" height="14" rx="2"/><path d="M3 10h18M16 14h2"/></>} />,
  Cam: (p) => <Icon {...p} d={<><rect x="2" y="6" width="14" height="12" rx="1"/><path d="M16 10l6-3v10l-6-3z"/></>} />,
  Doc: (p) => <Icon {...p} d={<><path d="M14 3H6a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V8z"/><path d="M14 3v5h5M8 13h8M8 17h5"/></>} />,
  Settings: (p) => <Icon {...p} d={<><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 0 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 0 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 0 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 0 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z"/></>} />,
  Bell: (p) => <Icon {...p} d={<><path d="M6 8a6 6 0 1 1 12 0c0 7 3 9 3 9H3s3-2 3-9"/><path d="M10.3 21a1.94 1.94 0 0 0 3.4 0"/></>} />,
  Search: (p) => <Icon {...p} d={<><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></>} />,
  Arrow: (p) => <Icon {...p} d={<path d="M5 12h14M13 6l6 6-6 6"/>} />,
  Chevron: (p) => <Icon {...p} d={<path d="m9 6 6 6-6 6"/>} />,
  Download: (p) => <Icon {...p} d={<><path d="M12 3v12M6 10l6 6 6-6"/><path d="M5 21h14"/></>} />,
  Filter: (p) => <Icon {...p} d={<path d="M3 5h18l-7 9v5l-4 2v-7z"/>} />,
  Plus: (p) => <Icon {...p} d={<><path d="M12 5v14M5 12h14"/></>} />,
  Sun: (p) => <Icon {...p} d={<><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></>} />,
  Cloud: (p) => <Icon {...p} d={<path d="M17 18a4 4 0 0 0 0-8 6 6 0 0 0-11.7-1.5A4.5 4.5 0 0 0 6 18h11z"/>} />,
  Rain: (p) => <Icon {...p} d={<><path d="M17 14a4 4 0 0 0 0-8 6 6 0 0 0-11.7-1.5A4.5 4.5 0 0 0 6 14"/><path d="M8 17v4M12 17v4M16 17v4"/></>} />,
  Wind: (p) => <Icon {...p} d={<path d="M3 8h13a3 3 0 1 0-3-3M3 16h17a3 3 0 1 1-3 3M3 12h14"/>} />,
  Users: (p) => <Icon {...p} d={<><circle cx="9" cy="8" r="4"/><path d="M2 21c0-3.8 3.1-7 7-7s7 3.2 7 7"/><circle cx="17" cy="7" r="3"/><path d="M22 18c0-3-2.2-5-5-5"/></>} />,
  Check: (p) => <Icon {...p} d={<path d="m5 12 5 5L20 7"/>} />,
  X: (p) => <Icon {...p} d={<><path d="M6 6l12 12M18 6 6 18"/></>} />,
  More: (p) => <Icon {...p} d={<><circle cx="5" cy="12" r="1" fill="currentColor"/><circle cx="12" cy="12" r="1" fill="currentColor"/><circle cx="19" cy="12" r="1" fill="currentColor"/></>} />,
  Dot: (p) => <Icon {...p} d={<circle cx="12" cy="12" r="4" fill="currentColor" stroke="none"/>} />,
  Lock: (p) => <Icon {...p} d={<><rect x="4" y="11" width="16" height="10" rx="1.5"/><path d="M8 11V7a4 4 0 0 1 8 0v4"/></>} />,
  Mail: (p) => <Icon {...p} d={<><rect x="3" y="5" width="18" height="14" rx="1.5"/><path d="m3 7 9 6 9-6"/></>} />,
  Clock: (p) => <Icon {...p} d={<><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></>} />,
  Eye: (p) => <Icon {...p} d={<><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z"/><circle cx="12" cy="12" r="3"/></>} />,
  Building: (p) => <Icon {...p} d={<><path d="M4 21V7l8-4 8 4v14"/><path d="M9 9h.01M15 9h.01M9 13h.01M15 13h.01M9 17h6"/></>} />,
  Folder: (p) => <Icon {...p} d={<path d="M3 7a2 2 0 0 1 2-2h4l2 3h8a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>} />,
  Pin: (p) => <Icon {...p} d={<><path d="M12 2v10m0 0L8 16m4-4 4 4M12 12V22"/></>} />,
  Maximize: (p) => <Icon {...p} d={<path d="M4 9V5a1 1 0 0 1 1-1h4M20 9V5a1 1 0 0 0-1-1h-4M4 15v4a1 1 0 0 0 1 1h4M20 15v4a1 1 0 0 1-1 1h-4"/>} />,
  Volume: (p) => <Icon {...p} d={<path d="M11 5 6 9H2v6h4l5 4zM15 9a5 5 0 0 1 0 6M19 5a9 9 0 0 1 0 14"/>} />,
  Circle: (p) => <Icon {...p} d={<circle cx="12" cy="12" r="9"/>} />,
  Logout: (p) => <Icon {...p} d={<><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"/><path d="M16 17l5-5-5-5M21 12H9"/></>} />,
  Receipt: (p) => <Icon {...p} d={<><path d="M5 3v18l2-1.5L9 21l2-1.5L13 21l2-1.5L17 21l2-1.5V3z"/><path d="M8 8h8M8 12h8M8 16h5"/></>} />,
  Truck: (p) => <Icon {...p} d={<><path d="M3 7h11v8H3z"/><path d="M14 10h4l3 3v2h-7z"/><circle cx="7" cy="17.5" r="1.5"/><circle cx="17" cy="17.5" r="1.5"/></>} />,
};

window.I = I;
