// Icons.jsx — small icon library matching Lucide vibe
const Icon = ({ children, size = 20, stroke = 1.75 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none"
    stroke="currentColor" strokeWidth={stroke}
    strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
    {children}
  </svg>
);

const IconHouse = (p) => <Icon {...p}><path d="M3 11l9-8 9 8" /><path d="M5 10v10h14V10" /><path d="M10 20v-6h4v6" /></Icon>;
const IconSearch = (p) => <Icon {...p}><circle cx="11" cy="11" r="7" /><path d="m20 20-4-4" /></Icon>;
const IconScale = (p) => <Icon {...p}><path d="M12 3v18" /><path d="M5 7h14" /><path d="M5 7l-3 7c0 2 1.5 3 3 3s3-1 3-3l-3-7z" /><path d="M19 7l-3 7c0 2 1.5 3 3 3s3-1 3-3l-3-7z" /></Icon>;
const IconShield = (p) => <Icon {...p}><path d="M12 3l8 3v6c0 5-3.5 8.5-8 9-4.5-.5-8-4-8-9V6l8-3z" /></Icon>;
const IconDoc = (p) => <Icon {...p}><path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z" /><path d="M14 3v6h6" /><path d="M8 13h8" /><path d="M8 17h6" /></Icon>;
const IconCoins = (p) => <Icon {...p}><circle cx="9" cy="9" r="6" /><path d="M15 9a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6" /></Icon>;
const IconHammer = (p) => <Icon {...p}><path d="M14 6 9 11l-7 7 3 3 7-7 5-5" /><path d="m13 7 4-4 5 5-4 4z" /></Icon>;
const IconChat = (p) => <Icon {...p}><path d="M3 12c0-4.5 4-8 9-8s9 3.5 9 8-4 8-9 8c-1.4 0-2.7-.3-3.9-.8L3 21l1.4-4.5C3.5 15.2 3 13.7 3 12z" /></Icon>;
const IconCheck = (p) => <Icon {...p}><circle cx="12" cy="12" r="9" /><path d="m9 12 2 2 4-4" /></Icon>;
const IconChart = (p) => <Icon {...p}><path d="M3 21h18" /><rect x="6" y="13" width="3" height="6" rx="0.5" /><rect x="11" y="9" width="3" height="10" rx="0.5" /><rect x="16" y="5" width="3" height="14" rx="0.5" /></Icon>;
const IconLayers = (p) => <Icon {...p}><path d="m12 2 9 5-9 5-9-5z" /><path d="m3 12 9 5 9-5" /><path d="m3 17 9 5 9-5" /></Icon>;
const IconTimer = (p) => <Icon {...p}><circle cx="12" cy="13" r="8" /><path d="M12 9v4l3 2" /><path d="M9 2h6" /></Icon>;
const IconArrowRight = (p) => <Icon {...p}><path d="M5 12h14" /><path d="m13 6 6 6-6 6" /></Icon>;
const IconArrowUpRight = (p) => <Icon {...p}><path d="M7 17 17 7" /><path d="M8 7h9v9" /></Icon>;
const IconBell = (p) => <Icon {...p}><path d="M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9z" /><path d="M10 21a2 2 0 0 0 4 0" /></Icon>;
const IconFolder = (p) => <Icon {...p}><path d="M3 6a2 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" /></Icon>;
const IconWhatsapp = (p) => <Icon {...p}><path d="M3 12c0-4.5 4-8 9-8s9 3.5 9 8-4 8-9 8c-1.4 0-2.7-.3-3.9-.8L3 21l1.4-4.5C3.5 15.2 3 13.7 3 12z" /><path d="M9 9c0 3 3 6 6 6" strokeLinecap="round" /></Icon>;
const IconHandshake = (p) => <Icon {...p}><path d="m11 17 2 2 4-4" /><path d="M3 11h4l3 3 5-5 4 4-3 3" /></Icon>;
const IconCompass = (p) => <Icon {...p}><circle cx="12" cy="12" r="9" /><path d="m15 9-3 6-3-3 6-3z" /></Icon>;
const IconKey = (p) => <Icon {...p}><circle cx="8" cy="15" r="4" /><path d="m11 12 9-9 2 2-2 2 2 2-3 3-2-2-2 2" /></Icon>;
const IconBrain = (p) => <Icon {...p}><path d="M9 4a3 3 0 0 0-3 3v2a3 3 0 0 0-2 3 3 3 0 0 0 2 3v2a3 3 0 0 0 3 3" /><path d="M15 4a3 3 0 0 1 3 3v2a3 3 0 0 1 2 3 3 3 0 0 1-2 3v2a3 3 0 0 1-3 3" /><path d="M9 8h6M9 12h6M9 16h6" /></Icon>;

window.Icons = {
  IconHouse, IconSearch, IconScale, IconShield, IconDoc, IconCoins, IconHammer,
  IconChat, IconCheck, IconChart, IconLayers, IconTimer, IconArrowRight, IconArrowUpRight,
  IconBell, IconFolder, IconWhatsapp, IconHandshake, IconCompass, IconKey, IconBrain
};