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");
let classnames = require("classnames");
classnames = require_runtime.__toESM(classnames);
require("./index.less");
//#region src/components/checkout/components/WalletPassModule/components/WalletPassHeader/index.tsx
const WalletPassHeader = ({ customerName, selectedCount, expiredCount, isCardMode, onExpiredClick, onBestSaving, onClearAll, onToggleDisplayMode }) => {
	var _locales$getText, _locales$getText2, _locales$getText3;
	return /* @__PURE__ */ react.default.createElement("div", { className: "wallet-pass-header" }, /* @__PURE__ */ react.default.createElement("div", { className: "wallet-pass-header-left" }, /* @__PURE__ */ react.default.createElement("span", {
		className: "wallet-pass-module-customer-container",
		dangerouslySetInnerHTML: { __html: ((_locales$getText = _pisell_utils.locales.getText("wallet-pass-module-cards-vouchers-in-wallet")) === null || _locales$getText === void 0 ? void 0 : _locales$getText(`<span class="theme-color wallet-pass-module-customer">${customerName}</span>`)) || "" }
	}), /* @__PURE__ */ react.default.createElement("span", { style: { color: "#475467" } }, (_locales$getText2 = _pisell_utils.locales.getText("wallet-pass-module-applied")) === null || _locales$getText2 === void 0 ? void 0 : _locales$getText2(selectedCount)), /* @__PURE__ */ react.default.createElement("span", {
		className: (0, classnames.default)("error-color", "pointer", "underline"),
		onClick: onExpiredClick
	}, (_locales$getText3 = _pisell_utils.locales.getText("wallet-pass-module-expired")) === null || _locales$getText3 === void 0 ? void 0 : _locales$getText3(expiredCount))), /* @__PURE__ */ react.default.createElement("div", { className: "wallet-pass-header-right" }, /* @__PURE__ */ react.default.createElement("span", {
		className: (0, classnames.default)("theme-color", "pointer", "underline"),
		onClick: onBestSaving
	}, _pisell_utils.locales.getText("wallet-pass-module-best-saving")), /* @__PURE__ */ react.default.createElement("span", {
		className: (0, classnames.default)("error-color", "pointer", "underline"),
		onClick: onClearAll
	}, _pisell_utils.locales.getText("wallet-pass-module-clear-all")), /* @__PURE__ */ react.default.createElement("div", {
		onClick: onToggleDisplayMode,
		className: "wallet-pass-header-right-icon-container"
	}, /* @__PURE__ */ react.default.createElement(_pisell_materials.Icon, {
		type: "pisell2-chevron-up",
		className: (0, classnames.default)("wallet-pass-header-right-icon", "theme-color", "pointer", { rotated: !isCardMode })
	}))));
};
//#endregion
exports.default = WalletPassHeader;
