const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.js");
let react = require("react");
react = require_runtime.__toESM(react);
let _pisell_utils = require("@pisell/utils");
let _pisell_materials = require("@pisell/materials");
require("./index.less");
//#region src/components/pay/toC/WalletPassBlock/components/WalletAvailable/index.tsx
const WalletAvailable = (props, ref) => {
	const { walletSetting, onOk } = props;
	const [open, setOpen] = (0, react.useState)(false);
	(0, react.useImperativeHandle)(ref, () => {
		return { open: () => {
			setOpen(true);
		} };
	});
	return /* @__PURE__ */ react.default.createElement(_pisell_materials.PisellModal, {
		title: _pisell_utils.locales.getText("tocPay.text.walletPassAvailable")(walletSetting.name),
		open,
		okText: _pisell_utils.locales.getText("tocPay.text.useWalletPassAdd")(walletSetting.name),
		cancelText: _pisell_utils.locales.getText("tocPay.text.skipAndContinueToPayment"),
		wrapClassName: "toc-pay-wallet-available-modal",
		footerDivider: false,
		headerDivider: false,
		onCancel: () => {
			setOpen(false);
		},
		onOk: () => {
			setOpen(false);
			onOk();
		},
		mobileModalHeight: "auto",
		cancelButtonProps: { style: {
			border: "none",
			color: "#40484F",
			textAlign: "center",
			fontSize: "14px",
			fontWeight: "400",
			lineHeight: "20px",
			boxShadow: "none"
		} }
	}, /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-available-modal-icon" }, /* @__PURE__ */ react.default.createElement(_pisell_materials.Icon, { type: "pisell2-a-wallet-021" })), /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-available-modal-describe" }, _pisell_utils.locales.getText("tocPay.text.addPointsCard")));
};
var WalletAvailable_default = (0, react.forwardRef)(WalletAvailable);
//#endregion
exports.default = WalletAvailable_default;
