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