import { getAvailableMaxAmount } from "../../../utils.js";
import React from "react";
import { Icon, PisellText } from "@pisell/materials";
import "./index.less";
//#region src/components/pay/toC/WalletPassBlock/components/WalletUseList/index.tsx
const iconMaps = {
	product_voucher: "pisell2-daijinquan",
	point_card: "pisell2-jifenka",
	gift_card: "pisell2-chongzhika",
	customer_wallet: "pisell2-qianbao"
};
const WalletUseList = (props) => {
	const { walletPass = [] } = props;
	return /* @__PURE__ */ React.createElement("div", { className: "toc-pay-wallet-use-list" }, walletPass.map((item) => /* @__PURE__ */ React.createElement("div", { className: "toc-pay-wallet-use-list-item" }, /* @__PURE__ */ React.createElement("span", { className: "toc-pay-wallet-use-list-item-name" }, /* @__PURE__ */ React.createElement(Icon, {
		type: iconMaps[item.tag] || "pisell2-daijinquan",
		className: "toc-pay-wallet-use-list-item-icon"
	}), item.product_name), /* @__PURE__ */ React.createElement("span", { className: "toc-pay-wallet-use-list-item-amount" }, "-", /* @__PURE__ */ React.createElement(PisellText.Amount, { value: getAvailableMaxAmount(item) })))));
};
//#endregion
export { WalletUseList as default };
