import { cx as e } from "../../../theme/tools.js";
import { useUiTranslation as t } from "../../../i18n/useUiTranslation.js";
import { item as n, itemSplit as r, itemStack as i, itemSurface as a, label as o, labelSize as s, list as c, listGrid as l, value as u } from "./backofficeKeyValueList.css.js";
import { jsx as d, jsxs as f } from "react/jsx-runtime";
//#region src/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.tsx
var p = (e) => e === "surface" ? a : null, m = ({ className: a, emptyLabel: m, items: h, layout: g = "split", variant: _ = "surface" }) => {
	let { t: v } = t(), y = m ?? v("common.notAvailable", { defaultValue: "N/A" }), b = [c, a];
	return g === "grid" && b.push(l), /* @__PURE__ */ d("dl", {
		className: e(...b),
		children: h.map((t) => {
			let { id: a, label: c } = t, { value: l } = t, m = [n, p(_)];
			return g === "split" ? m.push(r) : m.push(i), (l == null || typeof l == "string" && l.trim() === "") && (l = y), /* @__PURE__ */ f("div", {
				className: e(...m),
				children: [/* @__PURE__ */ d("dt", {
					className: e(o, s),
					children: c
				}), /* @__PURE__ */ d("dd", {
					className: u,
					children: l
				})]
			}, a);
		})
	});
};
//#endregion
export { m as BackofficeKeyValueList, m as default };

//# sourceMappingURL=BackofficeKeyValueList.js.map