import { cx as e } from "../../../theme/tools.js";
import { RelativeTimeText as t } from "../../../atomic/atoms/relative-time-text/RelativeTimeText.js";
import { root as n, timestamp as r } from "./TimelineEventRow.css.js";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
//#region src/components/dashboard/timeline_event_row/TimelineEventRow.tsx
var o = ({ className: o, details: s, metrics: c = [], summary: l, timestamp: u }) => /* @__PURE__ */ a("article", {
	className: e(n, o),
	children: [
		/* @__PURE__ */ i("span", {
			className: r,
			children: /* @__PURE__ */ i(t, { value: u })
		}),
		l != null && /* @__PURE__ */ i("div", {
			className: "_1664kmj2 txvbqb8y txvbqbv9z",
			children: l
		}),
		c.length > 0 && /* @__PURE__ */ i("div", {
			className: "_1664kmj3 txvbqb9ip txvbqbajy txvbqbao7 txvbqb8p txvbqbva1",
			children: c.map((e) => /* @__PURE__ */ a("span", { children: [
				e.label,
				": ",
				e.value
			] }, e.id))
		}),
		s
	]
});
//#endregion
export { o as TimelineEventRow, o as default };

//# sourceMappingURL=TimelineEventRow.js.map