// Icons.jsx - simple line icons used throughout the site
const iconProps = { width: 22, height: 22, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.6, strokeLinecap: "round", strokeLinejoin: "round" };

const Icons = {
  Sun: () => <svg {...iconProps}><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41"/></svg>,
  Home: () => <svg {...iconProps}><path d="M3 11l9-7 9 7v9a2 2 0 0 1-2 2h-4v-6h-6v6H5a2 2 0 0 1-2-2z"/></svg>,
  Building: () => <svg {...iconProps}><rect x="4" y="3" width="16" height="18" rx="1"/><path d="M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10 21v-3h4v3"/></svg>,
  Battery: () => <svg {...iconProps}><rect x="2" y="7" width="18" height="10" rx="2"/><path d="M22 11v2"/><path d="M6 10v4M10 10v4"/></svg>,
  Car: () => <svg {...iconProps}><path d="M5 17h14M5 17l1.5-5h11L19 17M5 17v2h2v-2M17 17v2h2v-2M7 11V8a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v3"/></svg>,
  Grid: () => <svg {...iconProps}><path d="M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h7v7h-7z"/></svg>,
  Wrench: () => <svg {...iconProps}><path d="M14.7 6.3a4 4 0 0 0-5.4 5.4L3 18v3h3l6.3-6.3a4 4 0 0 0 5.4-5.4l-2.5 2.5-2.5-2.5z"/></svg>,
  Chart: () => <svg {...iconProps}><path d="M3 3v18h18"/><path d="M7 14l4-4 4 4 5-6"/></svg>,
  Dollar: () => <svg {...iconProps}><path d="M12 3v18M16 7H9.5a2.5 2.5 0 0 0 0 5h5a2.5 2.5 0 0 1 0 5H7"/></svg>,
  Phone: () => <svg {...iconProps}><path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.7A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7 13 13 0 0 0 .7 2.8 2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5 13 13 0 0 0 2.8.7 2 2 0 0 1 1.7 2z"/></svg>,
  Mail: () => <svg {...iconProps}><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg>,
  Pin: () => <svg {...iconProps}><path d="M12 21s-7-7.5-7-12a7 7 0 1 1 14 0c0 4.5-7 12-7 12z"/><circle cx="12" cy="9" r="2.5"/></svg>,
  Arrow: () => <svg {...iconProps}><path d="M5 12h14M13 5l7 7-7 7"/></svg>,
  Check: () => <svg {...iconProps}><path d="M5 12l4 4 10-10"/></svg>,
  Plus: () => <svg {...iconProps} width="14" height="14"><path d="M12 5v14M5 12h14"/></svg>,
  Star: () => <svg {...iconProps} width="14" height="14" fill="currentColor" stroke="none"><path d="M12 2l3 7 7 .6-5.3 4.6L18 21l-6-3.6L6 21l1.4-6.8L2 9.6 9 9z"/></svg>,
  Menu: () => <svg {...iconProps}><path d="M4 7h16M4 12h16M4 17h16"/></svg>,
  Close: () => <svg {...iconProps}><path d="M6 6l12 12M6 18L18 6"/></svg>,
  Play: () => <svg {...iconProps} fill="currentColor" stroke="none"><path d="M7 5v14l12-7z"/></svg>,
  Shield: () => <svg {...iconProps}><path d="M12 2l8 3v6c0 5-3.5 9.5-8 11-4.5-1.5-8-6-8-11V5z"/></svg>,
  Lightning: () => <svg {...iconProps}><path d="M13 2L4 14h7l-1 8 9-12h-7z"/></svg>,
  Leaf: () => <svg {...iconProps}><path d="M20 4c-5 0-14 2-14 11 0 3 2 5 5 5 9 0 11-9 11-14-3 2-9 3-11 6"/></svg>,
};

window.Icons = Icons;