const require_runtime = require("../../../../../../../_virtual/_rolldown/runtime.js");
const require_useEngineContext = require("../../../../../../../hooks/useEngineContext.js");
let react = require("react");
react = require_runtime.__toESM(react);
let _pisell_utils = require("@pisell/utils");
require("./index.less");
//#region src/components/pay/toC/PaymentMethods/MWCreditCard/TDSPay/ThreedsLoading/index.tsx
/**
* @title: 等待加载页
* @description: 通用的支付等待 loading 页面。
*              - 默认单行文案模式（传 title 或使用默认文案）
*              - 传入 subtitle / description 后进入多行文案模式
*              向后兼容：不传新 props 时行为与原来完全一致。
*/
const ThreedsLoading = ({ title, subtitle, description, showSuccessBackButton, onSuccessBack }) => {
	var _context$appHelper;
	const { config } = ((_context$appHelper = require_useEngineContext.default().appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.constants) || {};
	return /* @__PURE__ */ react.default.createElement("div", { className: "threeds-loading-wrap" }, /* @__PURE__ */ react.default.createElement("img", {
		className: "threeds-loading-logo",
		src: config.static + "/static/stripe_loading.gif",
		alt: ""
	}), /* @__PURE__ */ react.default.createElement("div", { className: "threeds-loading-title" }, title || _pisell_utils.locales.getText("tocPay.text.waitingForBankVerification")), subtitle && /* @__PURE__ */ react.default.createElement("div", { className: "threeds-loading-subtitle" }, subtitle), description && /* @__PURE__ */ react.default.createElement("div", { className: "threeds-loading-description" }, description), showSuccessBackButton && /* @__PURE__ */ react.default.createElement("div", {
		onClick: onSuccessBack,
		className: "threeds-loading-success-back-button"
	}, _pisell_utils.locales.getText("tocPay.text.successBack")));
};
//#endregion
exports.default = ThreedsLoading;
