import {
  Container
} from "./chunk-JI5MTKKZ.mjs";

// tmp-babel/notifications/web/NotificationsList/EmptyState/index.js
import { NotificationBellIcon } from "@baseapp-frontend/design-system/components/web/icons";
import { Box, Typography } from "@mui/material";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var EmptyState = function EmptyState2() {
  return /* @__PURE__ */ _jsxs(Container, {
    children: [/* @__PURE__ */ _jsx(NotificationBellIcon, {
      sx: {
        color: "primary.main",
        fontSize: 32
      }
    }), /* @__PURE__ */ _jsxs(Box, {
      textAlign: "center",
      children: [/* @__PURE__ */ _jsx(Typography, {
        variant: "subtitle2",
        children: "You don\u2019t have notifications."
      }), /* @__PURE__ */ _jsx(Typography, {
        variant: "caption",
        color: "text.secondary",
        children: "Your future notifications will be shown here."
      })]
    })]
  });
};
var EmptyState_default = EmptyState;

export {
  EmptyState_default
};
//# sourceMappingURL=chunk-PW2SO5WA.mjs.map