import { jsx as t } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import m from "classnames";
import { memo as s } from "../../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
import { useModalContext as p } from "../../../../internal/Modal/Modal.js";
import { TX_DATA_CONTAINER as l, TX_DATA_HEAD_CONTAINER as c } from "../../constants.js";
import { TypographyElement as o, TypographyVariant as e } from "../../../../internal/Typography/types.js";
import n from "../../../../internal/Typography/Typography.js";
import f from "../../../../../core/Context/preact/useCoreContext.js";
const N = s(() => {
  const { i18n: r } = f(), { withinModal: i } = p(), a = i ? o.H2 : o.DIV;
  return /* @__PURE__ */ t("div", { className: m(l, c), children: [
    /* @__PURE__ */ t(n, { el: a, variant: e.SUBTITLE, stronger: !0, children: r.get("transactions.details.refund.title") }),
    /* @__PURE__ */ t(n, { variant: e.BODY, children: r.get("transactions.details.refund.processingInfo") })
  ] });
});
export {
  N as default
};
