// components/chat/skeletons/ChatSkeleton.jsx
import React from "react";
import ChatHeaderSkeleton from "./ChatHeaderSkeleton";
import ChatMessageListSkeleton from "./ChatMessageListSkeleton";
import ChatFooterSkeleton from "./ChatFooterSkeleton";
import "./ChatSkeleton.scss";

const ChatSkeleton = () => {
  return (
    <div className="chat-skeleton-container">
      <div className="chat-skeleton">
        <ChatHeaderSkeleton />
        <div className="chat-body">
          <ChatMessageListSkeleton />
        </div>
        <ChatFooterSkeleton />
      </div>
    </div>
  );
};

export default ChatSkeleton;
