import { cx as e } from "../../../theme/tools.js";
import { Button as t } from "../../../atomic/atoms/button/Button.js";
import { bar as n, left as r, right as i } from "./bulkActionsBar.css.js";
import { jsx as a, jsxs as o } from "react/jsx-runtime";
import { useTranslation as s } from "react-i18next";
//#region src/backoffice/molecules/bulk_actions_bar/BulkActionsBar.tsx
var c = ({ selectedCount: c, label: l, actions: u, onClearSelection: d, clearLabel: f, className: p }) => {
	let { t: m } = s("ui", { useSuspense: !1 });
	if (c <= 0) return null;
	let h = l?.(c) ?? m("backoffice.bulkActions.selected", {
		count: c,
		defaultValue_one: "{{count}} selected",
		defaultValue_other: "{{count}} selected"
	}), g = f ?? m("backoffice.bulkActions.clear", { defaultValue: "Clear" }), _ = null;
	return d != null && (_ = /* @__PURE__ */ a(t, {
		type: "button",
		variant: "secondary",
		size: "small",
		onClick: d,
		children: g
	})), /* @__PURE__ */ o("div", {
		className: e(n, p),
		role: "status",
		children: [/* @__PURE__ */ a("div", {
			className: r,
			children: h
		}), /* @__PURE__ */ o("div", {
			className: i,
			children: [u, _]
		})]
	});
};
//#endregion
export { c as BulkActionsBar, c as default };

//# sourceMappingURL=BulkActionsBar.js.map