import { cx as e } from "../../../theme/tools.js";
import { ButtonLoadingSpinnerSvg as t } from "../../../icons/ButtonLoadingSpinnerSvg.js";
import { icon as n, root as r } from "./spinner.css.js";
import { jsx as i } from "react/jsx-runtime";
import { useTranslation as a } from "react-i18next";
//#region src/backoffice/atoms/spinner/Spinner.tsx
var o = ({ size: o = 18, className: s, ariaLabel: c }) => {
	let { t: l } = a("ui", { useSuspense: !1 }), u = c ?? l("common.loading", { defaultValue: "Loading..." });
	return /* @__PURE__ */ i("span", {
		className: e(r, s),
		role: "status",
		"aria-label": u,
		children: /* @__PURE__ */ i(t, {
			className: n,
			width: o,
			height: o
		})
	});
};
//#endregion
export { o as Spinner, o as default };

//# sourceMappingURL=Spinner.js.map