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 { root as r, title as i, top as a } from "./ActivityCard.css.js";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
//#region src/components/dashboard/activity_card/ActivityCard.tsx
var c = ({ className: c, details: l, status: u, statusTone: d, summary: f, timestamp: p, title: m }) => {
	let h = null;
	return u != null && d != null && (h = /* @__PURE__ */ o(t, {
		tone: d,
		children: u
	})), /* @__PURE__ */ o(n, {
		className: c,
		children: /* @__PURE__ */ s("div", {
			className: r,
			children: [
				/* @__PURE__ */ s("div", {
					className: a,
					children: [/* @__PURE__ */ o("span", {
						className: i,
						children: m
					}), h]
				}),
				p != null && /* @__PURE__ */ o("span", {
					className: "_1d32hgo3 txvbqb96 txvbqb1bg3",
					children: /* @__PURE__ */ o(e, { value: p })
				}),
				f != null && /* @__PURE__ */ o("div", {
					className: "_1d32hgo4 txvbqb9j txvbqb1bg3",
					children: f
				}),
				l
			]
		})
	});
};
//#endregion
export { c as ActivityCard, c as default };

//# sourceMappingURL=ActivityCard.js.map