/* icons.jsx — simple stroke icon set, exported to window.Icon */
const ICON_PATHS = {
  arrow:      '<path d="M5 12h14M13 6l6 6-6 6"/>',
  arrowRight: '<path d="M5 12h14M13 6l6 6-6 6"/>',
  arrowUpR:   '<path d="M7 17 17 7M8 7h9v9"/>',
  check:      '<path d="M20 6 9 17l-5-5"/>',
  checkBold:  '<path d="M20 6 9 17l-5-5"/>',
  globe:      '<circle cx="12" cy="12" r="9"/><path d="M3 12h18M12 3c2.5 2.7 2.5 15.3 0 18M12 3c-2.5 2.7-2.5 15.3 0 18"/>',
  users:      '<path d="M16 19v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 19v-2a4 4 0 0 0-3-3.87M16 3.13A4 4 0 0 1 16 11"/>',
  bolt:       '<path d="M13 2 3 14h8l-1 8 10-12h-8z"/>',
  shield:     '<path d="M12 2 4 5v6c0 5 3.5 8.5 8 11 4.5-2.5 8-6 8-11V5z"/><path d="m9 12 2 2 4-4"/>',
  doc:        '<path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M9 13h6M9 17h6"/>',
  search:     '<circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/>',
  clipboard:  '<rect x="8" y="3" width="8" height="4" rx="1"/><path d="M16 5h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2"/><path d="m9 14 2 2 4-4"/>',
  handshake:  '<path d="m11 17 2 2a1 1 0 0 0 1.4 0l3-3"/><path d="m18 16 2-2a1 1 0 0 0 0-1.4l-5-5a1 1 0 0 0-.7-.3H8.5a1 1 0 0 0-.7.3L4 11"/><path d="m7 13 3 3M2 14l3 3"/>',
  phone:      '<path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.6a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.5-1.2a2 2 0 0 1 2.1-.5c.8.3 1.7.6 2.6.7a2 2 0 0 1 1.7 2z"/>',
  mail:       '<rect x="2" y="4" width="20" height="16" rx="2"/><path d="m2 7 10 6 10-6"/>',
  pin:        '<path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z"/><circle cx="12" cy="10" r="3"/>',
  clock:      '<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>',
  star:       '<path d="m12 2 3 6.5 7 .9-5 4.8 1.3 7L12 18l-6.6 3.2L6.7 14l-5-4.8 7-.9z"/>',
  chevron:    '<path d="m9 6 6 6-6 6"/>',
  menu:       '<path d="M3 6h18M3 12h18M3 18h18"/>',
  close:      '<path d="M6 6 18 18M18 6 6 18"/>',
  plus:       '<path d="M12 5v14M5 12h14"/>',
  /* industries */
  leaf:       '<path d="M11 20A7 7 0 0 1 4 13c0-6 6-9 16-10 1 9-3 15-9 17z"/><path d="M11 20c0-5 2-9 8-12"/>',
  palm:       '<path d="M12 22V9"/><path d="M12 9c0-3-3-5-7-4 1 2 4 4 7 4zM12 9c0-3 3-5 7-4-1 2-4 4-7 4zM12 9c-1-3 0-6 3-7 .5 2-.5 5-3 7zM12 9c1-3 0-6-3-7-.5 2 .5 5 3 7z"/><path d="M9 22h6"/>',
  factory:    '<path d="M3 21V9l6 4V9l6 4V5l6 4v12z"/><path d="M3 21h18M8 17h2M14 17h2"/>',
  hardhat:    '<path d="M4 16a8 8 0 0 1 16 0"/><path d="M2 16h20v2a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/><path d="M12 4v4M9 8V6a3 3 0 0 1 6 0v2"/>',
  cow:        '<path d="M5 6c0 3 2 5 2 5M19 6c0 3-2 5-2 5"/><path d="M7 11a5 5 0 0 0 10 0"/><path d="M7 11c-2 0-3 1-3 3M17 11c2 0 3 1 3 3"/><circle cx="10" cy="15" r=".6"/><circle cx="14" cy="15" r=".6"/>',
  fish:       '<path d="M6.5 12c2-4 6.5-6 12-6-1 2-1 4 0 6 1 2 1 4 0 6-5.5 0-10-2-12-6z"/><path d="M6.5 12 3 8.5v7zM16 11.5h.01"/>',
  home:       '<path d="M3 11 12 3l9 8"/><path d="M5 10v10h14V10"/><path d="M10 20v-6h4v6"/>',
  briefcase:  '<rect x="3" y="7" width="18" height="13" rx="2"/><path d="M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2M3 12h18"/>',
};

function Icon({ name, size, stroke = 1.75, className, style }) {
  const d = ICON_PATHS[name] || ICON_PATHS.arrow;
  return (
    <svg
      className={className}
      style={style}
      width={size} height={size}
      viewBox="0 0 24 24" fill="none"
      stroke="currentColor" strokeWidth={stroke}
      strokeLinecap="round" strokeLinejoin="round"
      dangerouslySetInnerHTML={{ __html: d }}
    />
  );
}

/* brand social glyphs (filled) */
function Social({ name }) {
  const paths = {
    instagram: '<rect x="3.5" y="3.5" width="17" height="17" rx="5"/><circle cx="12" cy="12" r="3.6"/><circle cx="17" cy="7" r="1" fill="currentColor" stroke="none"/>',
    facebook:  '<path d="M14 8.5h2V6h-2c-1.7 0-3 1.3-3 3v2H9v2.5h2V21h2.5v-7.5H16l.5-2.5h-3V9c0-.3.2-.5.5-.5z" fill="currentColor" stroke="none"/>',
    linkedin:  '<rect x="3.5" y="3.5" width="17" height="17" rx="3"/><path d="M8 10v7M8 7v.01M12 17v-4a2 2 0 0 1 4 0v4M12 13v4" />',
  };
  return (
    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" dangerouslySetInnerHTML={{ __html: paths[name] }} />
  );
}

Object.assign(window, { Icon, Social });