import React from 'react';
import { PisellText } from '@pisell/materials';
var Amount = PisellText.Amount;
var DiscountTextMode = function DiscountTextMode(_ref) {
  var cardData = _ref.cardData,
    selectedWalletIds = _ref.selectedWalletIds;
  return /*#__PURE__*/React.createElement("div", {
    className: "discount-text-mode"
  }, cardData && cardData.length > 0 ? cardData.filter(function (card) {
    return selectedWalletIds.includes(card.id);
  }).map(function (card) {
    return /*#__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"
  }));
};
export default DiscountTextMode;