import { jsx, jsxs } from "react/jsx-runtime";
import ChatFooterSkeleton from "./ChatFooterSkeleton.js";
import ChatHeaderSkeleton from "./ChatHeaderSkeleton.js";
import ChatMessageListSkeleton from "./ChatMessageListSkeleton.js";
/* empty css                  */
const ChatSkeleton = () => {
  return /* @__PURE__ */ jsx("div", { className: "chat-skeleton-container", children: /* @__PURE__ */ jsxs("div", { className: "chat-skeleton", children: [
    /* @__PURE__ */ jsx(ChatHeaderSkeleton, {}),
    /* @__PURE__ */ jsx("div", { className: "chat-body", children: /* @__PURE__ */ jsx(ChatMessageListSkeleton, {}) }),
    /* @__PURE__ */ jsx(ChatFooterSkeleton, {})
  ] }) });
};
export {
  ChatSkeleton as default
};
