import { cx as e } from "../../../theme/tools.js";
import { Tag as t } from "../../atoms/tag/Tag.js";
import { root as n, value as r } from "./backofficeReferenceValue.css.js";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
import { useTranslation as o } from "react-i18next";
//#region src/backoffice/molecules/backoffice_reference_value/BackofficeReferenceValue.tsx
var s = ({ kind: s, value: c, emptyLabel: l, className: u }) => {
	let { t: d } = o("ui", { useSuspense: !1 });
	return /* @__PURE__ */ a("span", {
		className: e(n, u),
		children: [/* @__PURE__ */ i(t, {
			tone: "neutral",
			children: s
		}), /* @__PURE__ */ i("span", {
			className: r,
			children: c ?? l ?? d("common.notAvailable")
		})]
	});
};
//#endregion
export { s as BackofficeReferenceValue, s as default };

//# sourceMappingURL=BackofficeReferenceValue.js.map