import { jsxs, jsx } from "react/jsx-runtime";
import { tcv, tcx } from "@choiceform/design-system";
import { Ban } from "@choiceform/icons-react";
import { memo } from "react";
import { t } from "../../../../i18n/index.js";
const MessageCancelledTv = tcv({
  slots: {
    root: "bg-secondary-background mt-2 flex items-center gap-2 rounded-lg border p-2",
    icon: "text-secondary-foreground size-4 shrink-0",
    content: "italic"
  }
});
const MessageCancelled = memo(function MessageCancelled2(props) {
  const { children, className } = props;
  const cancelledContent = t("response", "cancelled-content");
  const tv = MessageCancelledTv();
  return /* @__PURE__ */ jsxs("div", { className: tcx(tv.root(), className), children: [
    /* @__PURE__ */ jsx(Ban, { className: tv.icon() }),
    /* @__PURE__ */ jsx("div", { className: tv.content(), children: children ?? cancelledContent })
  ] });
});
export {
  MessageCancelled
};
//# sourceMappingURL=message-cancelled.js.map
