import { RelativeTimeText as e } from "../../../atomic/atoms/relative-time-text/RelativeTimeText.js";
import { StatusBadge as t } from "../../../backoffice/atoms/status_badge/StatusBadge.js";
import { PanelShell as n } from "../../layout/PanelShell.js";
import { BackofficeKeyValueList as r } from "../../../backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.js";
import { root as i, row as a } from "./StatusSummaryPanel.css.js";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
//#region src/components/dashboard/status_summary_panel/StatusSummaryPanel.tsx
var c = ({ className: c, help: l, items: u = [], status: d, statusLabel: f, statusTone: p, title: m, updatedAt: h }) => /* @__PURE__ */ o(n, {
	title: m,
	className: c,
	children: /* @__PURE__ */ s("div", {
		className: i,
		children: [
			/* @__PURE__ */ s("div", {
				className: a,
				children: [/* @__PURE__ */ o("span", { children: f ?? d }), /* @__PURE__ */ o(t, {
					tone: p,
					children: d
				})]
			}),
			h != null && /* @__PURE__ */ o(e, { value: h }),
			u.length > 0 && /* @__PURE__ */ o(r, { items: u }),
			l != null && /* @__PURE__ */ o("div", {
				className: "_1geqsra2 txvbqb9j txvbqb1bg3",
				children: l
			})
		]
	})
});
//#endregion
export { c as StatusSummaryPanel, c as default };

//# sourceMappingURL=StatusSummaryPanel.js.map