import { cx as e } from "../../../theme/tools.js";
import { body as t, description as n, dot as r, gutter as i, header as a, item as o, line as s, list as c, meta as l, time as u, title as d } from "./auditTimeline.css.js";
import { jsx as f, jsxs as p } from "react/jsx-runtime";
//#region src/backoffice/organisms/audit_timeline/AuditTimeline.tsx
var m = ({ events: m, className: h, renderEvent: g }) => m.length === 0 ? null : /* @__PURE__ */ f("ol", {
	className: e(c, h),
	children: m.map((e, c) => {
		let h = c === m.length - 1, _ = g?.(e);
		if (_ != null) return /* @__PURE__ */ f("li", { children: _ }, e.id);
		let v = null;
		h || (v = /* @__PURE__ */ f("div", { className: s }));
		let y = null;
		e.time != null && (y = /* @__PURE__ */ f("div", {
			className: u,
			children: e.time
		}));
		let b = null;
		e.description != null && (b = /* @__PURE__ */ f("div", {
			className: n,
			children: e.description
		}));
		let x = null;
		return e.meta != null && (x = /* @__PURE__ */ f("div", {
			className: l,
			children: e.meta
		})), /* @__PURE__ */ p("li", {
			className: o,
			children: [/* @__PURE__ */ p("div", {
				className: i,
				"aria-hidden": "true",
				children: [/* @__PURE__ */ f("div", { className: r }), v]
			}), /* @__PURE__ */ p("div", {
				className: t,
				children: [
					/* @__PURE__ */ p("div", {
						className: a,
						children: [/* @__PURE__ */ f("div", {
							className: d,
							children: e.title
						}), y]
					}),
					b,
					x
				]
			})]
		}, e.id);
	})
});
//#endregion
export { m as AuditTimeline, m as default };

//# sourceMappingURL=AuditTimeline.js.map