import { corporateColors } from "../../../utilities/theme/brand.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import GridLoader from "react-spinners/esm/GridLoader";
//#region src/UI/loading/LoadingIndicator/LoadingIndicator.jsx
const LoadingIndicator = (t0) => {
	const $ = c(7);
	const { state: t1, width: t2 } = t0;
	const state = t1 === void 0 ? true : t1;
	const width = t2 === void 0 ? null : t2;
	let styleLoading;
	if ($[0] !== width) {
		styleLoading = {
			position: "fixed",
			top: "50%",
			left: "50%",
			transform: "translate(-50%, -50%)"
		};
		if (width != null) styleLoading.width = width;
		$[0] = width;
		$[1] = styleLoading;
	} else styleLoading = $[1];
	let t3;
	if ($[2] !== state) {
		t3 = /* @__PURE__ */ React.createElement(GridLoader, {
			size: 30,
			color: corporateColors.teal,
			loading: state
		});
		$[2] = state;
		$[3] = t3;
	} else t3 = $[3];
	let t4;
	if ($[4] !== styleLoading || $[5] !== t3) {
		t4 = /* @__PURE__ */ React.createElement("div", { style: styleLoading }, t3);
		$[4] = styleLoading;
		$[5] = t3;
		$[6] = t4;
	} else t4 = $[6];
	return t4;
};
//#endregion
export { LoadingIndicator };

//# sourceMappingURL=LoadingIndicator.mjs.map