import { LayoutUnit } from "../../../layout/LayoutUnit.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import { makeStyles } from "@material-ui/core";
import clsx from "clsx";
import PropTypes from "prop-types";
import Skeleton from "@material-ui/lab/Skeleton";
//#region src/componentSystems/multiThreadTimeline/ui/TimelinePreloaderNode.jsx
const useStyles = makeStyles((theme) => ({ root: {} }));
const TimelinePreloaderNode = (props) => {
	const $ = c(11);
	const { shortView } = props;
	const classes = useStyles(props);
	const { className, longView } = props;
	let t0;
	if ($[0] !== className || $[1] !== classes.root) {
		t0 = clsx(classes.root, className);
		$[0] = className;
		$[1] = classes.root;
		$[2] = t0;
	} else t0 = $[2];
	let t1;
	if ($[3] !== shortView) {
		t1 = shortView && /* @__PURE__ */ React.createElement("div", { style: {
			marginRight: 100,
			marginBottom: 40
		} }, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement("div", { style: {
			display: "flex",
			justifyContent: "center"
		} }, /* @__PURE__ */ React.createElement(Skeleton, {
			variant: "circle",
			width: 30,
			height: 30
		})), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement("div", { style: {
			display: "flex",
			justifyContent: "center"
		} }, /* @__PURE__ */ React.createElement(Skeleton, {
			variant: "rect",
			width: 1,
			height: 25
		})), /* @__PURE__ */ React.createElement(Skeleton, { variant: "text" }), /* @__PURE__ */ React.createElement(Skeleton, { variant: "text" }), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "sm" }), /* @__PURE__ */ React.createElement(Skeleton, {
			variant: "rect",
			width: 80,
			height: 6
		}));
		$[3] = shortView;
		$[4] = t1;
	} else t1 = $[4];
	let t2;
	if ($[5] !== longView) {
		t2 = longView && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Skeleton, {
			variant: "rect",
			width: 800,
			height: 45
		}));
		$[5] = longView;
		$[6] = t2;
	} else t2 = $[6];
	let t3;
	if ($[7] !== t0 || $[8] !== t1 || $[9] !== t2) {
		t3 = /* @__PURE__ */ React.createElement("div", { className: t0 }, t1, t2);
		$[7] = t0;
		$[8] = t1;
		$[9] = t2;
		$[10] = t3;
	} else t3 = $[10];
	return t3;
};
TimelinePreloaderNode.propTypes = {
	children: PropTypes.node,
	shortView: PropTypes.bool,
	longView: PropTypes.bool,
	className: PropTypes.string
};
//#endregion
export { TimelinePreloaderNode };

//# sourceMappingURL=TimelinePreloaderNode.mjs.map