import { jsx as e, jsxs as u, Fragment as c } from "react/jsx-runtime";
import m from "react";
import d from "../../utils/classNames.js";
import r from "./TypeCounter.js";
import { TreeSummaryRow as p } from "./TreeSummaryRow.js";
const v = ({ assetCounts: a }) => {
  const { truck: n, bus: i, van: s, trailer: t, car: o, driver: l } = a;
  return /* @__PURE__ */ u(c, { children: [
    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "truck-baseline", value: n }),
    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "trailer-baseline", value: t }),
    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "bus-baseline", value: i }),
    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "van-baseline", value: s }),
    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "car-baseline", value: o }),
    /* @__PURE__ */ e(r, { hideOnZero: !0, icon: "driver", value: l })
  ] });
}, g = m.memo((a) => {
  const { className: n = "", assetCounts: i = {}, gridCols: s, children: t } = a, o = d(
    "TreeSummary",
    "display-flex flex-wrap",
    "align-items-center",
    "gap-10",
    "padding-left-3",
    n
  );
  return /* @__PURE__ */ e("div", { className: o, children: t || /* @__PURE__ */ e(p, { gridCols: s, children: /* @__PURE__ */ e(v, { assetCounts: i }) }) });
});
export {
  g as default
};
//# sourceMappingURL=TreeSummary.js.map
