import { cx as e } from "../../../theme/tools.js";
import { item as t, itemSurface as n, label as r, labelSize as i, list as a, value as o } from "./backofficeKeyValueList.css.js";
import { jsx as s, jsxs as c } from "react/jsx-runtime";
//#region src/backoffice/molecules/backoffice_key_value_list/BackofficeKeyValueList.tsx
var l = ({ items: l }) => /* @__PURE__ */ s("dl", {
	className: a,
	children: l.map((a) => /* @__PURE__ */ c("div", {
		className: e(t, n),
		children: [/* @__PURE__ */ s("dt", {
			className: e(r, i),
			children: a.label
		}), /* @__PURE__ */ s("dd", {
			className: o,
			children: a.value
		})]
	}, a.id))
});
//#endregion
export { l as BackofficeKeyValueList, l as default };

//# sourceMappingURL=BackofficeKeyValueList.js.map