import { jsxs, jsx } from "react/jsx-runtime";
/* empty css                  */
import Skeleton from "../../../../node_modules/@mui/material/Skeleton/Skeleton.js";
const ChatFooterSkeleton = () => {
  return /* @__PURE__ */ jsxs("div", { className: "chat-footer-skeleton", children: [
    /* @__PURE__ */ jsx("div", { className: "chat-actions", children: /* @__PURE__ */ jsx(
      Skeleton,
      {
        className: "action-skeleton",
        height: 24,
        style: { borderRadius: "12px" },
        variant: "rectangular",
        width: 80
      }
    ) }),
    /* @__PURE__ */ jsxs("div", { className: "chat-input-container", children: [
      /* @__PURE__ */ jsx(
        Skeleton,
        {
          className: "input-skeleton",
          height: 40,
          style: { borderRadius: "20px" },
          variant: "rectangular",
          width: "100%"
        }
      ),
      /* @__PURE__ */ jsx(Skeleton, { className: "emoji-skeleton", height: 36, variant: "circular", width: 36 }),
      /* @__PURE__ */ jsx(Skeleton, { className: "send-skeleton", height: 40, variant: "circular", width: 40 })
    ] })
  ] });
};
export {
  ChatFooterSkeleton as default
};
