"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const designSystem = require("@choiceform/design-system");
const iconsReact = require("@choiceform/icons-react");
const React = require("react");
const index = require("../../../../i18n/index.cjs");
const MessageCancelledTv = designSystem.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 = React.memo(function MessageCancelled2(props) {
  const { children, className } = props;
  const cancelledContent = index.t("response", "cancelled-content");
  const tv = MessageCancelledTv();
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: designSystem.tcx(tv.root(), className), children: [
    /* @__PURE__ */ jsxRuntime.jsx(iconsReact.Ban, { className: tv.icon() }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: tv.content(), children: children ?? cancelledContent })
  ] });
});
exports.MessageCancelled = MessageCancelled;
//# sourceMappingURL=message-cancelled.cjs.map
