// Inline SVG icons — minimal, line-style, work in current color
const IconWarn = ({ size = 28 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
    <path d="M12 3.5L21.5 20H2.5L12 3.5z"/>
    <line x1="12" y1="10" x2="12" y2="14"/>
    <circle cx="12" cy="17" r=".7" fill="currentColor"/>
  </svg>
);
const IconHelmet = ({ size = 28 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
    <path d="M3 17h18v2H3z"/>
    <path d="M4.5 17C4.5 11.5 8 8 12 8s7.5 3.5 7.5 9"/>
    <path d="M12 4v4"/>
    <path d="M9 8.5l1-2.5M15 8.5l-1-2.5"/>
  </svg>
);
const IconAudit = ({ size = 28 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
    <circle cx="11" cy="11" r="6"/>
    <line x1="20.5" y1="20.5" x2="15.5" y2="15.5"/>
    <path d="M8.5 11h5M11 8.5v5"/>
  </svg>
);
const IconHand = ({ size = 28 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
    <path d="M9 11V5.5a1.5 1.5 0 113 0V11"/>
    <path d="M12 11V4a1.5 1.5 0 113 0v7"/>
    <path d="M15 11V6a1.5 1.5 0 113 0v8"/>
    <path d="M6 11V8a1.5 1.5 0 113 0v6"/>
    <path d="M6 14c0 4 2.5 7 6 7s6-3 6-7"/>
  </svg>
);
const IconList = ({ size = 28 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
    <rect x="5" y="3.5" width="14" height="17" rx="2"/>
    <path d="M8.5 8.5l1.2 1.2L12 7.5"/>
    <path d="M8.5 13.5l1.2 1.2L12 12.5"/>
    <line x1="14" y1="9" x2="16.5" y2="9"/>
    <line x1="14" y1="14" x2="16.5" y2="14"/>
  </svg>
);
const IconArrow = ({ size = 14 }) => (
  <svg width={size} height={size} viewBox="0 0 14 14" fill="none" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round">
    <line x1="2" y1="7" x2="12" y2="7"/>
    <polyline points="8,3 12,7 8,11"/>
  </svg>
);
const IconLinkedIn = ({ size = 16 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor"><path d="M4.98 3.5C4.98 4.88 3.87 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1s2.48 1.12 2.48 2.5zM.22 8h4.56v14H.22V8zm7.62 0H12v1.91h.06c.6-1.13 2.06-2.32 4.24-2.32 4.54 0 5.38 2.99 5.38 6.88V22h-4.56v-6.18c0-1.47-.03-3.36-2.05-3.36-2.05 0-2.36 1.6-2.36 3.25V22H7.84V8z"/></svg>
);
const IconFacebook = ({ size = 16 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="currentColor"><path d="M22 12.07C22 6.5 17.52 2 12 2S2 6.5 2 12.07c0 5.02 3.66 9.18 8.44 9.93v-7.02H7.9v-2.91h2.54V9.84c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.87h2.78l-.44 2.91h-2.34V22c4.78-.75 8.44-4.91 8.44-9.93z"/></svg>
);
const IconInstagram = ({ size = 16 }) => (
  <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="1.8"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1" fill="currentColor"/></svg>
);

window.NexIcons = { IconWarn, IconHelmet, IconAudit, IconHand, IconList, IconArrow, IconLinkedIn, IconFacebook, IconInstagram };
