// Lucide-style line icons as small React components. Loaded via Babel.
(function () {
  const S = (paths) => (props) =>
    React.createElement(
      "svg",
      { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", width: props?.size || 16, height: props?.size || 16, ...props },
      paths.map((d, i) => React.createElement("path", { key: i, d }))
    );

  window.SIcon = {
    bot: S(["M12 8V4H8", "M4 8h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z", "M2 14h2", "M20 14h2", "M15 13v2", "M9 13v2"]),
    erp: S(["M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z", "M14 2v6h6", "M9 13h6", "M9 17h6"]),
    bank: S(["M3 21h18", "M5 21V10l7-5 7 5v11", "M9 21v-6h6v6"]),
    globe: S(["M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z", "M3 12h18", "M12 3c2.5 2.5 3.5 6 3.5 9s-1 6.5-3.5 9c-2.5-2.5-3.5-6-3.5-9s1-6.5 3.5-9z"]),
    shield: S(["M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"]),
    chart: S(["M3 3v18h18", "M7 14l3-3 3 3 5-5"]),
    dollar: S(["M12 1v22", "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"]),
    building: S(["M3 21h18", "M5 21V5a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v16", "M19 21v-8a2 2 0 0 0-2-2h-2", "M9 7h2", "M9 11h2", "M9 15h2"]),
    banknote: S(["M2 6h20v12H2z", "M12 12a2 2 0 1 0 0-4 2 2 0 0 0 0 4z", "M6 8v8", "M18 8v8"]),
    arrow: S(["M5 12h14", "M13 6l6 6-6 6"]),
    back: S(["M19 12H5", "M11 18l-6-6 6-6"]),
    play: S(["M6 4l14 8-14 8V4z"]),
    reset: S(["M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", "M3 3v5h5"]),
    logout: S(["M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4", "M16 17l5-5-5-5", "M21 12H9"]),
    lock: S(["M5 11h14v10H5z", "M8 11V7a4 4 0 0 1 8 0v4"]),
  };
})();