import { MetricCard as e } from "../metric_card/MetricCard.js";
import { MetricTileGroup as t } from "../metric_tile_group/MetricTileGroup.js";
import { card as n, group as r, link as i } from "./DashboardMetricGroup.css.js";
import { Fragment as a, jsx as o } from "react/jsx-runtime";
import s from "@plumile/router/routing/Link.js";
//#region src/components/dashboard/dashboard_metric_group/DashboardMetricGroup.tsx
var c = ({ density: c = "comfortable", emptyState: l = null, metrics: u }) => u.length === 0 ? /* @__PURE__ */ o(a, { children: l }) : /* @__PURE__ */ o(t, {
	className: r,
	density: c,
	children: u.map((t, r) => {
		let a = `${t.id}-${r}`, l = /* @__PURE__ */ o(e, {
			className: n,
			label: t.label,
			value: t.value,
			hint: t.hint,
			tone: t.tone,
			density: c,
			copyValue: t.copyValue
		}, a);
		return t.href == null ? l : /* @__PURE__ */ o(s, {
			to: t.href,
			className: i,
			children: l
		}, a);
	})
});
//#endregion
export { c as DashboardMetricGroup, c as default };

//# sourceMappingURL=DashboardMetricGroup.js.map