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/checkout/components/WalletPassModule/components/WalletModal/index.tsx
const WalletModal = ({ visible, walletData, onClose, title, emptyText }) => {
	return /* @__PURE__ */ react.default.createElement(_pisell_materials.PisellModal, {
		title: /* @__PURE__ */ react.default.createElement("div", { className: "wallet-modal-title" }, title),
		open: visible,
		onCancel: onClose,
		width: 680,
		footerDivider: false,
		headerDivider: false,
		cancelVisible: false,
		onOk: onClose,
		okText: _pisell_utils.locales.getText("wallet-pass-module-expired-modal-close")
	}, /* @__PURE__ */ react.default.createElement("div", { className: "wallet-modal-content" }, walletData && walletData.length > 0 ? /* @__PURE__ */ react.default.createElement(_pisell_materials.PisellCardList, {
		showActiveBackground: true,
		showName: true,
		showStoreName: false,
		showRedeem: true,
		showBalance: true,
		showCode: true,
		showValidDate: true,
		showDetail: true,
		showQrCode: true,
		showCover: true,
		platform: "pc",
		mode: "single",
		direction: "horizontal",
		type: "mini",
		data: walletData,
		hasMore: false,
		showEmpty: false,
		fullWidth: false,
		showStatus: false,
		nameTitleStyle: {
			fontSize: 20,
			fontWeight: 600,
			color: "#f5a623"
		},
		actions: {
			layout: "expanded",
			detail: {
				visible: false,
				iconColor: "#1570EF"
			},
			edit: {
				visible: false,
				iconColor: "#1570EF"
			}
		}
	}) : /* @__PURE__ */ react.default.createElement(_pisell_materials.PisellEmpty, { title: emptyText || _pisell_utils.locales.getText("wallet-pass-module-expired-modal-empty") })));
};
//#endregion
exports.default = WalletModal;
