import { PanelShell as e } from "../../layout/PanelShell.js";
import { label as t, root as n, top as r, value as i } from "./MetricCard.css.js";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
//#region src/components/dashboard/metric_card/MetricCard.tsx
var s = ({ actions: s, className: c, hint: l, icon: u, label: d, value: f }) => /* @__PURE__ */ a(e, {
	actions: s,
	className: c,
	children: /* @__PURE__ */ o("div", {
		className: n,
		children: [/* @__PURE__ */ o("div", {
			className: r,
			children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("p", {
				className: t,
				children: d
			}), /* @__PURE__ */ a("p", {
				className: i,
				children: f
			})] }), u != null && /* @__PURE__ */ a("div", {
				className: "_177uje65 txvbqb9jg txvbqbcp txvbqbdoy txvbqbva1",
				children: u
			})]
		}), l != null && /* @__PURE__ */ a("p", {
			className: "_177uje64 txvbqbfcp txvbqb8y txvbqbva1",
			children: l
		})]
	})
});
//#endregion
export { s as MetricCard, s as default };

//# sourceMappingURL=MetricCard.js.map