import { jsx as r, jsxs as l } from "react/jsx-runtime";
import o from "../../utils/classNames.js";
import { markerColorMapping as v } from "../map/utils/mapTypes.js";
const g = (t) => {
  const {
    count: n,
    exceptionCount: a = 0,
    markerColor: e = "bg-map-marker-asset",
    warningCount: c = 0,
    active: s = !1,
    clickable: m = !0,
    iconName: i,
    cursor: p = "cursor-pointer"
  } = t, d = o("rio-map-cluster-circle", s && "active", p), u = o(
    s && "active",
    "rio-map-marker",
    "rio-map-marker-center-center",
    !m && "not-clickable"
  ), k = `var(${v[e]})`;
  return /* @__PURE__ */ r(
    "div",
    {
      className: u,
      style: { color: k },
      "data-marker-type": e.replace("bg-", "cluster-"),
      children: /* @__PURE__ */ r("div", { className: "rio-map-marker-translate", children: /* @__PURE__ */ l("div", { className: "rio-map-cluster", children: [
        /* @__PURE__ */ r("div", { className: d, children: /* @__PURE__ */ l("div", { className: "rio-map-cluster-content", children: [
          i && /* @__PURE__ */ r("span", { className: "rio-map-icon", children: /* @__PURE__ */ r("span", { className: `rioglyph rioglyph-${i}` }) }),
          /* @__PURE__ */ r("div", { className: "rio-map-count", children: n })
        ] }) }),
        a > 0 && /* @__PURE__ */ r("div", { className: "rio-map-bubble exception", children: a }),
        c > 0 && /* @__PURE__ */ r("div", { className: "rio-map-bubble warning", children: c })
      ] }) })
    }
  );
};
export {
  g as default
};
//# sourceMappingURL=ClusterMapMarker.js.map
