// SPACEWALKER v3 — icons + brand logo
const SWLogo = ({ size = 36 }) => (
  <div className="nl-mark" style={{width: size, height: size}}>
    <img src="snake-clean.png" alt="S"/>
  </div>
);

const SWLogoName = ({ size = 36 }) => (
  <div className="nav-logo">
    <SWLogo size={size}/>
    <div className="nl-name">SPACEWALKER</div>
  </div>
);

const Icon = ({ paths, size = 16 }) => (
  <svg viewBox="0 0 24 24" width={size} height={size} fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round">
    {paths.map((p,i) => <path key={i} d={p}/>)}
  </svg>
);

const ICONS = {
  code:    () => <Icon paths={["M8 6L2 12l6 6","M16 6l6 6-6 6","M14 4l-4 16"]}/>,
  shield:  () => <Icon paths={["M12 2l9 4v6c0 5.5-4 10-9 11-5-1-9-5.5-9-11V6l9-4z","M9 12l2 2 4-4"]}/>,
  ai:      () => <Icon paths={["M9 3h6M9 21h6M3 9v6M21 9v6","M7 7h10v10H7z","M10 10h4v4h-4z"]}/>,
  deploy:  () => <Icon paths={["M5 16l-2 5 5-2","M14.5 5.5l4 4","M3 21l5.5-5.5","M12 3l9 9-9 9-3-3 3-3-3-3 3-3-3-3z"]}/>,
  phone:   () => <Icon paths={["M5 2h14a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2z","M12 18h.01"]}/>,
  api:     () => <Icon paths={["M9 7H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4","M15 7h4a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-4","M9 12h6","M9 9v6","M15 9v6"]}/>,
  pentest: () => <Icon paths={["M12 22V8","M9 11l3-3 3 3","M15 18a3 3 0 1 1-6 0 3 3 0 0 1 6 0z","M5 6l2-2M19 6l-2-2M5 18l2 2M19 18l-2 2"]}/>,
  bolt:    () => <Icon paths={["M13 2L3 14h7l-1 8 10-12h-7l1-8z"]}/>,
  cube:    () => <Icon paths={["M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z","M3.27 6.96L12 12.01l8.73-5.05","M12 22V12"]}/>,
  net:     () => <Icon paths={["M2 12h20","M12 2a15 15 0 0 1 4 10 15 15 0 0 1-4 10","M12 2a15 15 0 0 0-4 10 15 15 0 0 0 4 10","M2 12a10 10 0 1 0 20 0 10 10 0 0 0-20 0z"]}/>,
  rocket:  () => <Icon paths={["M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2 2 0 0 0-2.91-.09z","M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z","M9 12H4s.55-3.03 2-4 5 0 5 0","M12 15v5s3.03-.55 4-2 0-5 0-5"]}/>,
  flame:   () => <Icon paths={["M8.5 14.5A2.5 2.5 0 0 0 11 17c2.76 0 5-2.5 5-5.5 0-1.83-1-3.5-2.5-4.5L13 7c1 1 1.5 2 1.5 3.5C14.5 12 13 13 12 13c-1 0-1.5-.5-1.5-1.5 0-1.5 1-2 1-3.5 0-2.5-2-4.5-4.5-4.5 1 2.5-.5 5-2 7-1 1.5-1.5 3-1.5 4.5C3.5 17.5 7 21 11 21c5 0 9-3.5 9-8.5"]}/>,
  trade:   () => <Icon paths={["M3 17l6-6 4 4 8-8","M14 7h7v7"]}/>,
  lock:    () => <Icon paths={["M5 11h14a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2z","M7 11V7a5 5 0 0 1 10 0v4"]}/>,
  fork:    () => <Icon paths={["M4 4v10","M4 14a3 3 0 1 0 0 6 3 3 0 0 0 0-6z","M20 4v6a4 4 0 0 1-4 4H8","M20 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"]}/>,
  store:   () => <Icon paths={["M2 7h20l-1 4a3 3 0 0 1-6 0 3 3 0 0 1-6 0 3 3 0 0 1-6 0L2 7z","M4 11v9h16v-9","M9 20v-5h6v5"]}/>,
  fork2:   () => <Icon paths={["M3 2v6c0 1.6 1.4 3 3 3h3","M21 2v6c0 1.6-1.4 3-3 3h-3","M12 11v11","M3 2h2","M19 2h2"]}/>,
  hotel:   () => <Icon paths={["M3 22v-9h18v9","M3 22h18","M7 13V8a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v5","M5 22V10"]}/>,
  car:     () => <Icon paths={["M5 17h14","M3 17v-5l2-6h14l2 6v5","M3 17v3h3v-3","M21 17v3h-3v-3","M8 13h.01","M16 13h.01"]}/>,
  doc:     () => <Icon paths={["M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z","M14 2v6h6","M8 13h8","M8 17h8","M8 9h2"]}/>,
  cart:    () => <Icon paths={["M1 1h4l2.7 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6","M10 21a1 1 0 1 1-2 0 1 1 0 0 1 2 0z","M21 21a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"]}/>,
};

Object.assign(window, { SWLogo, SWLogoName, Icon, ICONS });
