import { cx as e } from "../../../theme/tools.js";
import { badgeRow as t, container as n, meta as r, metaItem as i, metaLabel as a, metaSlot as o, metaValue as s, subtitle as c, title as l, titleBlock as u, titleRow as d, topRow as f } from "./entityHeader.css.js";
import { jsx as p, jsxs as m } from "react/jsx-runtime";
//#region src/backoffice/organisms/entity_header/EntityHeader.tsx
var h = ({ title: h, subtitle: g, status: _, badges: v, actions: y, items: b = [], metaSlot: x, className: S }) => {
	let C = null;
	g != null && (C = /* @__PURE__ */ p("div", {
		className: c,
		children: g
	}));
	let w = null;
	(_ != null || v != null) && (w = /* @__PURE__ */ m("div", {
		className: t,
		children: [_, v]
	}));
	let T = null;
	b.length > 0 && (T = /* @__PURE__ */ p("div", {
		className: r,
		children: b.map((e) => /* @__PURE__ */ m("div", {
			className: i,
			children: [/* @__PURE__ */ p("div", {
				className: a,
				children: e.label
			}), /* @__PURE__ */ p("div", {
				className: s,
				children: e.value
			})]
		}, e.id))
	}));
	let E = null;
	return x != null && (E = /* @__PURE__ */ p("div", {
		className: o,
		children: x
	})), /* @__PURE__ */ m("div", {
		className: e(n, S),
		children: [
			/* @__PURE__ */ m("div", {
				className: f,
				children: [/* @__PURE__ */ m("div", {
					className: u,
					children: [/* @__PURE__ */ m("div", {
						className: d,
						children: [/* @__PURE__ */ p("div", {
							className: l,
							children: h
						}), w]
					}), C]
				}), y]
			}),
			E,
			T
		]
	});
};
//#endregion
export { h as EntityHeader, h as default };

//# sourceMappingURL=EntityHeader.js.map