import { c } from "react-compiler-runtime";
import React from "react";
import { makeStyles } from "@material-ui/core";
import Skeleton from "@material-ui/lab/Skeleton";
//#region src/UI/feedback/MenuLoader.jsx
const useStyles = makeStyles((theme) => ({
	root: {},
	nodeWrapper: {
		display: "flex",
		flexDirection: "row",
		flex: 1,
		margin: 10,
		gap: 2
	}
}));
const MenuLoader = (props) => {
	const $ = c(7);
	const { numOfPlaceholderNodes: t0 } = props;
	const numOfPlaceholderNodes = t0 === void 0 ? 1 : t0;
	const classes = useStyles();
	let t1;
	if ($[0] !== classes || $[1] !== numOfPlaceholderNodes) {
		let t2;
		if ($[3] !== classes) {
			t2 = (_, i) => /* @__PURE__ */ React.createElement("div", {
				key: i,
				className: classes.nodeWrapper
			}, /* @__PURE__ */ React.createElement(Skeleton, {
				variant: "circle",
				width: 20,
				height: 20
			}), /* @__PURE__ */ React.createElement(Skeleton, {
				variant: "rect",
				width: "100%",
				height: 20
			}));
			$[3] = classes;
			$[4] = t2;
		} else t2 = $[4];
		t1 = Array(numOfPlaceholderNodes).fill().map(t2);
		$[0] = classes;
		$[1] = numOfPlaceholderNodes;
		$[2] = t1;
	} else t1 = $[2];
	let t2;
	if ($[5] !== t1) {
		t2 = /* @__PURE__ */ React.createElement("div", null, t1);
		$[5] = t1;
		$[6] = t2;
	} else t2 = $[6];
	return t2;
};
//#endregion
export { MenuLoader };

//# sourceMappingURL=MenuLoader.mjs.map