import React from "react";
import { PisellText } from "@pisell/materials";
import "./index.less";
//#region src/components/checkout/components/WalletPassModule/components/WalletPassTextMode/index.tsx
const Amount = PisellText.Amount;
const WalletPassTextMode = ({ cardData, selectedWalletIds }) => {
	return /* @__PURE__ */ React.createElement("div", { className: "wallet-pass-text-mode" }, cardData && cardData.length > 0 ? cardData.filter((card) => selectedWalletIds.includes(card.id)).map((card) => /* @__PURE__ */ React.createElement("div", {
		key: card.id,
		className: "wallet-pass-text-item selected"
	}, /* @__PURE__ */ React.createElement("span", { className: "wallet-pass-text-name" }, card.name), /* @__PURE__ */ React.createElement("span", { className: "wallet-pass-text-amount" }, "-", /* @__PURE__ */ React.createElement(Amount, {
		value: card.redeem,
		showCurrencySymbol: true
	})))) : /* @__PURE__ */ React.createElement("div", { className: "wallet-pass-text-empty" }));
};
//#endregion
export { WalletPassTextMode as default };
