import { jsx as t, Fragment as p, jsxs as l } from "@emotion/react/jsx-runtime";
import { m as a } from "framer-motion";
import { alpha as i } from "@mui/material/styles";
import { Box as r } from "@mui/material";
import { RootStyle as m } from "./styles.js";
function y(o) {
  const { isDashboard: n, variant: s = "fullpage", ...d } = o;
  return /* @__PURE__ */ t(p, { children: !n && /* @__PURE__ */ l(m, { variant: s, ...d, children: [
    /* @__PURE__ */ t(
      a.div,
      {
        initial: { rotateY: 0 },
        animate: { rotateY: 360 },
        transition: {
          duration: 2,
          ease: "easeInOut",
          repeatDelay: 1,
          repeat: 1 / 0
        }
      }
    ),
    /* @__PURE__ */ t(
      r,
      {
        component: a.div,
        animate: {
          scale: [1.2, 1, 1, 1.2, 1.2],
          rotate: [270, 0, 0, 270, 270],
          opacity: [0.25, 1, 1, 1, 0.25],
          borderRadius: ["25%", "25%", "50%", "50%", "25%"]
        },
        transition: { ease: "linear", duration: 3.2, repeat: 1 / 0 },
        sx: {
          width: 50,
          height: 50,
          borderRadius: "25%",
          position: "absolute",
          border: (e) => `solid 3px ${i(e.palette.primary.dark, 0.24)}`
        }
      }
    ),
    /* @__PURE__ */ t(
      r,
      {
        component: a.div,
        animate: {
          scale: [1, 1.2, 1.2, 1, 1],
          rotate: [0, 270, 270, 0, 0],
          opacity: [1, 0.25, 0.25, 0.25, 1],
          borderRadius: ["25%", "25%", "50%", "50%", "25%"]
        },
        transition: {
          ease: "linear",
          duration: 3.2,
          repeat: 1 / 0
        },
        sx: {
          width: 60,
          height: 60,
          borderRadius: "25%",
          position: "absolute",
          border: (e) => `solid 8px ${i(e.colorSchemes.finalTheme.palette.primary.dark, 0.24)}`
        }
      }
    )
  ] }) });
}
export {
  y as LoadingScreen,
  y as default
};
