import { jsx as e } from "react/jsx-runtime";
import p from "prop-types";
import { Box as i, alpha as a } from "@mui/material";
import { mergeSx as l } from "@arcblock/ux/lib/Util/style";
function n({ children: r, ...o }) {
  return /* @__PURE__ */ e(
    i,
    {
      ...o,
      sx: l(
        {
          position: "absolute",
          top: 0,
          bottom: 0,
          left: 0,
          right: 0,
          display: "flex",
          justifyContent: "center",
          alignItems: "center",
          backgroundColor: ({ palette: t }) => a(t.background.default, 0.75),
          backdropFilter: "blur(3px)"
        },
        o?.sx
      ),
      children: r
    }
  );
}
n.propTypes = {
  children: p.any.isRequired
};
export {
  n as default
};
