import { cx as e } from "../../../theme/tools.js";
import { PanelShell as t } from "../../layout/PanelShell.js";
import { CopyableText as n } from "../../../backoffice/atoms/copyable_text/CopyableText.js";
import { card as r, label as i, root as a, top as o, value as s, valueContentInline as c, valueDensity as l } from "./MetricCard.css.js";
import { jsx as u, jsxs as d } from "react/jsx-runtime";
//#region src/components/dashboard/metric_card/MetricCard.tsx
var f = ({ actions: f, className: p, copiedLabel: m, copyLabel: h, copyValue: g, density: _ = "comfortable", hint: v, icon: y, label: b, tone: x, value: S }) => {
	let C = S;
	return g != null && g !== "" && (C = /* @__PURE__ */ u(n, {
		value: g,
		copyValue: g,
		truncate: !1,
		copyLabel: h,
		copiedLabel: m
	})), /* @__PURE__ */ u(t, {
		actions: f,
		className: e(r({ tone: x }), p),
		children: /* @__PURE__ */ d("div", {
			className: a({ density: _ }),
			children: [/* @__PURE__ */ d("div", {
				className: o,
				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
					className: i,
					children: b
				}), /* @__PURE__ */ u("p", {
					className: e(s, l({ density: _ })),
					children: /* @__PURE__ */ u("span", {
						className: c,
						children: C
					})
				})] }), y != null && /* @__PURE__ */ u("div", {
					className: "_177uje6o txvbqbfqq txvbqbey txvbqbls4 txvbqb1bg3",
					children: y
				})]
			}), v != null && /* @__PURE__ */ u("p", {
				className: "_177uje6n txvbqbo7v txvbqb9j txvbqb1bg3",
				children: v
			})]
		})
	});
};
//#endregion
export { f as MetricCard, f as default };

//# sourceMappingURL=MetricCard.js.map