import { jsxs, jsx } from "react/jsx-runtime";
/* empty css                  */
import Skeleton from "../../../../node_modules/@mui/material/Skeleton/Skeleton.js";
const ChatHeaderSkeleton = () => {
  return /* @__PURE__ */ jsxs("div", { className: "chat-header-skeleton", children: [
    /* @__PURE__ */ jsxs("div", { className: "chat-header-left", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "avatar-skeleton", height: 40, variant: "circular", width: 40 }),
      /* @__PURE__ */ jsxs("div", { className: "chat-info", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "title-skeleton", height: 24, variant: "text", width: 120 }),
        /* @__PURE__ */ jsx(Skeleton, { className: "status-skeleton", height: 16, variant: "text", width: 80 })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "chat-header-right", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "icon-skeleton", height: 36, variant: "circular", width: 36 }),
      /* @__PURE__ */ jsx(Skeleton, { className: "icon-skeleton", height: 36, variant: "circular", width: 36 }),
      /* @__PURE__ */ jsx(Skeleton, { className: "icon-skeleton", height: 36, variant: "circular", width: 36 })
    ] })
  ] });
};
export {
  ChatHeaderSkeleton as default
};
