import {
  SystemMessageTypography
} from "./chunk-PGYZTJON.mjs";
import {
  MessageItemFragment
} from "./chunk-EDRVBXQ6.mjs";

// tmp-babel/messages/web/MessagesList/MessagesGroup/SystemMessage/index.js
import { useFragment } from "react-relay";
import { jsx as _jsx } from "react/jsx-runtime";
var SystemMessage = function SystemMessage2(_ref) {
  var messageRef = _ref.messageRef;
  var message = useFragment(MessageItemFragment, messageRef);
  return /* @__PURE__ */ _jsx(SystemMessageTypography, {
    color: "grey.700",
    variant: "caption",
    children: message.content
  });
};
var SystemMessage_default = SystemMessage;

export {
  SystemMessage_default
};
//# sourceMappingURL=chunk-TVCA7WER.mjs.map