import {
  HeaderContainer
} from "../../../../chunk-LIGP2EAV.mjs";
import "../../../../chunk-NFEGQTCC.mjs";

// tmp-babel/notifications/web/NotificationsList/LoadingState/index.js
import { LoadingState as BaseAppLoadingState } from "@baseapp-frontend/design-system/components/web/displays";
import { Box, Typography } from "@mui/material";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var LoadingState = function LoadingState2() {
  return /* @__PURE__ */ _jsxs(Box, {
    display: "grid",
    gridTemplateRows: "min-content 1fr",
    height: "100%",
    sx: {
      backgroundColor: "common.white"
    },
    children: [/* @__PURE__ */ _jsx(HeaderContainer, {
      children: /* @__PURE__ */ _jsx(Typography, {
        variant: "h6",
        children: "Notifications"
      })
    }), /* @__PURE__ */ _jsx(BaseAppLoadingState, {})]
  });
};
var LoadingState_default = LoadingState;
export {
  LoadingState_default as default
};
//# sourceMappingURL=index.mjs.map