import { cx as e } from "../../../theme/tools.js";
import { RelativeTimeText as t } from "../../../atomic/atoms/relative-time-text/RelativeTimeText.js";
import { header as n, root as r, title as i } from "./TimelineEventRow.css.js";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
//#region src/components/dashboard/timeline_event_row/TimelineEventRow.tsx
var s = ({ className: s, description: c, details: l, meta: u, metrics: d = [], time: f, title: p, timestamp: m, tone: h = "neutral" }) => {
	let g = f ?? null;
	return g == null && m != null && (g = /* @__PURE__ */ a(t, { value: m })), /* @__PURE__ */ o("article", {
		className: e(r({ tone: h }), s),
		children: [
			/* @__PURE__ */ o("div", {
				className: n,
				children: [/* @__PURE__ */ a("div", {
					className: i,
					children: p
				}), g != null && /* @__PURE__ */ a("span", {
					className: "_1664kmj8 txvbqb96 txvbqb1bg3 txvbqbh86",
					children: g
				})]
			}),
			c != null && /* @__PURE__ */ a("div", {
				className: "_1664kmja txvbqb9j txvbqb1bg3",
				children: c
			}),
			u != null && /* @__PURE__ */ a("div", {
				className: "_1664kmjb txvbqb96 txvbqb1bg3",
				children: u
			}),
			d.length > 0 && /* @__PURE__ */ a("div", {
				className: "_1664kmjc txvbqbfpn txvbqbh7g txvbqbhdl",
				children: d.map((e) => /* @__PURE__ */ o("span", {
					className: "_1664kmjd txvbqb10mk txvbqb11k5 txvbqb12hd txvbqbxtg txvbqbfqq txvbqbfo txvbqbhd8 txvbqb96 txvbqb28o txvbqb2sj txvbqb1d9 txvbqb2tz",
					children: [/* @__PURE__ */ a("span", {
						className: "_1664kmje txvbqb1bg3",
						children: e.label
					}), /* @__PURE__ */ a("span", {
						className: "_1664kmjf txvbqb1bg1 txvbqbhbf",
						children: e.value
					})]
				}, e.id))
			}),
			l != null && /* @__PURE__ */ a("div", {
				className: "_1664kmjh _1664kmjg txvbqb28o txvbqb2sj txvbqb1d9 txvbqb2tz txvbqbww8 txvbqb1b87 txvbqb96 txvbqb1bg3 txvbqbwu2",
				children: l
			})
		]
	});
};
//#endregion
export { s as TimelineEventRow, s as default };

//# sourceMappingURL=TimelineEventRow.js.map