import { jsxs, jsx } from "react/jsx-runtime";
import default_1 from "../../../../../node_modules/@mui/icons-material/Block.js";
/* empty css                           */
const ChatDeletedMessageType = ({ timestamp, isUser = false }) => {
  return /* @__PURE__ */ jsxs(
    "div",
    {
      className: `deleted-message ${isUser ? "user-deleted-message" : "assistant-deleted-message"}`,
      children: [
        /* @__PURE__ */ jsxs("div", { className: "deleted-message-content", children: [
          /* @__PURE__ */ jsx(default_1, { className: "delete-icon" }),
          /* @__PURE__ */ jsx("span", { className: "deleted-text", children: "Message deleted by its author" })
        ] }),
        timestamp && /* @__PURE__ */ jsx("span", { className: "deleted-timestamp", children: timestamp })
      ]
    }
  );
};
export {
  ChatDeletedMessageType
};
