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/pay/toB/components/Card/index.tsx
const ToBPayCard = ({ data, onChange }) => {
	const { name, type } = data;
	return /* @__PURE__ */ react.default.createElement("div", {
		className: "tob-pay-card",
		onClick: () => onChange(data, "pay")
	}, /* @__PURE__ */ react.default.createElement(_pisell_materials.Iconfont, {
		type: "icona-zu6491",
		style: {
			color: "var(--theme-color)",
			fontSize: "30px",
			marginBottom: "10px"
		}
	}), /* @__PURE__ */ react.default.createElement("div", { className: "tob-pay-card-name" }, name || ""), type === "eftpos" ? /* @__PURE__ */ react.default.createElement(_pisell_materials.Button, {
		type: "link",
		onClick: (e) => {
			e.stopPropagation();
			onChange(data, "fullPay");
		}
	}, _pisell_utils.locales.getText("tobPay.text.card.edit.amount")) : null);
};
//#endregion
exports.default = ToBPayCard;
