// tmp-babel/messages/web/AllChatRoomsList/EmptyChatRoomsState/index.js
import { SocialMediaDiscussionImage } from "@baseapp-frontend/design-system/components/web/illustrations";
import { Box, Typography } from "@mui/material";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var EmptyChatRoomsState = function EmptyChatRoomsState2() {
  return /* @__PURE__ */ _jsxs(Box, {
    display: "grid",
    justifyItems: "center",
    gridAutoRows: "min-content",
    gap: 1.5,
    padding: 4,
    children: [/* @__PURE__ */ _jsx(SocialMediaDiscussionImage, {
      sx: {
        color: "grey.500"
      }
    }), /* @__PURE__ */ _jsx(Typography, {
      variant: "subtitle2",
      color: "text.secondary",
      children: "No messages to be displayed."
    })]
  });
};
var EmptyChatRoomsState_default = EmptyChatRoomsState;

export {
  EmptyChatRoomsState_default
};
//# sourceMappingURL=chunk-HTTHHBA5.mjs.map