const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.js");
const require_index = require("../WalletUseList/index.js");
let react = require("react");
react = require_runtime.__toESM(react);
let antd = require("antd");
let _pisell_utils = require("@pisell/utils");
let _pisell_materials = require("@pisell/materials");
require("./index.less");
//#region src/components/pay/toC/WalletPassBlock/components/WalletBestValueFound/index.tsx
const WalletBestValueFound = (props, ref) => {
	var _payGroup$walletPass, _payGroup$walletPass2;
	const { onEdit, walletSetting, payGroup, onUnused } = props;
	const [open, setOpen] = (0, react.useState)(false);
	(0, react.useImperativeHandle)(ref, () => ({ open: () => {
		setOpen(true);
	} }));
	const handleEdit = () => {
		setOpen(false);
		onEdit();
	};
	return /* @__PURE__ */ react.default.createElement(_pisell_materials.PisellModal, {
		title: _pisell_utils.locales.getText("tocPay.text.bestValueFound"),
		open,
		footer: null,
		headerDivider: false,
		closable: true,
		onCancel: () => setOpen(false),
		onOk: () => setOpen(false),
		wrapClassName: "toc-pay-wallet-best-value-found-modal",
		mobileModalHeight: "auto"
	}, /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-best-value-found-container" }, /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-best-value-found-header" }, /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-best-value-found-wallet-icon" }, /* @__PURE__ */ react.default.createElement(_pisell_materials.Icon, {
		type: "pisell2-a-wallet-021",
		className: "toc-pay-wallet-best-value-found-icon"
	})), /* @__PURE__ */ react.default.createElement("h3", { className: "toc-pay-wallet-best-value-found-subtitle" }, _pisell_utils.locales.getText("tocPay.text.welcomeToUseWalletPass")(walletSetting.name))), /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-best-value-found-savings-card" }, /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-best-value-found-savings-row" }, /* @__PURE__ */ react.default.createElement("span", { className: "toc-pay-wallet-best-value-found-label" }, _pisell_utils.locales.getText("tocPay.text.totalSavings")), /* @__PURE__ */ react.default.createElement("span", { className: "toc-pay-wallet-best-value-found-amount" }, /* @__PURE__ */ react.default.createElement(_pisell_materials.PisellText.Amount, { value: payGroup === null || payGroup === void 0 || (_payGroup$walletPass = payGroup.walletPass) === null || _payGroup$walletPass === void 0 ? void 0 : _payGroup$walletPass.amount }))), /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-best-value-found-description" }, _pisell_utils.locales.getText("tocPay.text.bestCombination")(walletSetting.name))), /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-best-value-found-recommended-section" }, /* @__PURE__ */ react.default.createElement("h4", { className: "toc-pay-wallet-best-value-found-section-title" }, _pisell_utils.locales.getText("tocPay.text.recommended")), /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-best-value-found-option-list" }, /* @__PURE__ */ react.default.createElement(require_index.default, { walletPass: (payGroup === null || payGroup === void 0 || (_payGroup$walletPass2 = payGroup.walletPass) === null || _payGroup$walletPass2 === void 0 ? void 0 : _payGroup$walletPass2.cards) || [] }))), /* @__PURE__ */ react.default.createElement("div", { className: "toc-pay-wallet-best-value-found-actions" }, /* @__PURE__ */ react.default.createElement(antd.Button, {
		className: "toc-pay-wallet-best-value-found-edit-button",
		onClick: handleEdit
	}, _pisell_utils.locales.getText("tocPay.text.edit")), /* @__PURE__ */ react.default.createElement(antd.Button, {
		type: "primary",
		className: "toc-pay-wallet-best-value-found-confirm-button",
		onClick: () => setOpen(false)
	}, _pisell_utils.locales.getText("tocPay.text.confirm"))), /* @__PURE__ */ react.default.createElement("div", {
		className: "toc-pay-wallet-best-value-found-footer",
		onClick: () => {
			setOpen(false);
			onUnused();
		}
	}, _pisell_utils.locales.getText("tocPay.text.unusedAndContinueToPayment"))));
};
var WalletBestValueFound_default = (0, react.forwardRef)(WalletBestValueFound);
//#endregion
exports.default = WalletBestValueFound_default;
