import { jsx as i } from "react/jsx-runtime";
import { isEmpty as o } from "es-toolkit/compat";
import { union as m } from "es-toolkit/array";
import p from "../MapSettingsTile.js";
import { MapIcon as e } from "../../../../icons/MapIcon.js";
const L = (r) => {
  const { activeBuiltinLayers: n = [], activeLayers: s = [], layers: c = [], ...l } = r, a = m(n, s), t = !o(a);
  return /* @__PURE__ */ i(
    p,
    {
      className: "MapAdditionalLayerSettings",
      isActive: !o(a),
      activeIcon: t ? /* @__PURE__ */ i(e, { name: "rioglyph-layer-pois text-color-primary", className: "MapAdditionalLayerIcon" }) : void 0,
      inactiveIcon: t ? void 0 : /* @__PURE__ */ i(e, { name: "rioglyph-layer-pois text-color-gray", className: "MapAdditionalLayerIconInactive" }),
      items: c,
      ...l
    }
  );
};
export {
  L as default
};
//# sourceMappingURL=MapAdditionalLayerSettings.js.map
