import React from "react";
import XClose from "@pisell/icon/es/XClose";
import "./titlebar.less";
import LeftOutlined from "@ant-design/icons/LeftOutlined";
//#region src/components/eftposPay/component/header/titlebar.tsx
var EPopupTitleBarVariantType = /* @__PURE__ */ function(EPopupTitleBarVariantType) {
	EPopupTitleBarVariantType["BackTitleClose"] = "back-title-cancel";
	EPopupTitleBarVariantType["LeftTitleClose"] = "left-title-close";
	return EPopupTitleBarVariantType;
}(EPopupTitleBarVariantType || {});
var titlebar_default = ({ type = EPopupTitleBarVariantType.LeftTitleClose, children, onBack, onClose }) => /* @__PURE__ */ React.createElement("div", {
	className: "pisell-lowcode__eft-pay-header",
	style: type === EPopupTitleBarVariantType.LeftTitleClose ? { justifyContent: "space-between" } : type === EPopupTitleBarVariantType.BackTitleClose ? { justifyContent: "space-between" } : {}
}, type === EPopupTitleBarVariantType.BackTitleClose ? /* @__PURE__ */ React.createElement(LeftOutlined, {
	style: { fontSize: "24px" },
	onClick: onBack
}) : null, /* @__PURE__ */ React.createElement("div", { className: "pisell-lowcode__eft-pay-header-title" }, children), /* @__PURE__ */ React.createElement(XClose, {
	size: 20,
	style: { fontSize: "24px" },
	onClick: onClose
}));
//#endregion
export { titlebar_default as default };
