import { cx as e } from "../../../theme/tools.js";
import { Button as t } from "../../../atomic/atoms/button/Button.js";
import { Tag as n } from "../../atoms/tag/Tag.js";
import { chip as r, row as i } from "./filterChipRow.css.js";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
import { useTranslation as s } from "react-i18next";
//#region src/backoffice/molecules/filter_chip_row/FilterChipRow.tsx
var c = ({ chips: c, onClearAll: l, clearAllLabel: u, className: d }) => {
	let { t: f } = s("ui");
	if (c.length === 0) return null;
	let p = u ?? f("backoffice.filterChips.clearAll"), m = null;
	return l != null && (m = /* @__PURE__ */ a(t, {
		type: "button",
		size: "small",
		variant: "text",
		onClick: l,
		children: p
	})), /* @__PURE__ */ o("div", {
		className: e(i, d),
		children: [c.map((e) => /* @__PURE__ */ a(n, {
			tone: "neutral",
			className: r,
			onRemove: e.onRemove,
			removeLabel: f("backoffice.filterChips.remove"),
			children: e.label
		}, e.id)), m]
	});
};
//#endregion
export { c as FilterChipRow, c as default };

//# sourceMappingURL=FilterChipRow.js.map