import React from "react";
import { Modal } from "antd";
import { locales } from "@pisell/utils";
import { Iconfont } from "@pisell/materials";
import { Trash01 } from "@pisell/icon";
import "./index.less";
//#region src/components/booking/components/clearCartModal/index.tsx
const ClearCartModal = ({ visible, onCancel, onClearItemsOnly, onClearAllAndReset }) => {
	return /* @__PURE__ */ React.createElement(Modal, {
		open: visible,
		onCancel,
		footer: null,
		width: 520,
		centered: true,
		className: "pisell-clear-cart-modal",
		title: null,
		closable: true
	}, /* @__PURE__ */ React.createElement("div", { className: "pisell-clear-cart-modal-content" }, /* @__PURE__ */ React.createElement("h3", { className: "pisell-clear-cart-modal-title" }, locales.getText("pisell2.clear-cart-modal.title")), /* @__PURE__ */ React.createElement("div", { className: "pisell-clear-cart-modal-options" }, /* @__PURE__ */ React.createElement("button", {
		type: "button",
		className: "pisell-clear-cart-option purple-option",
		onClick: onClearItemsOnly
	}, /* @__PURE__ */ React.createElement("div", { className: "option-icon" }, /* @__PURE__ */ React.createElement(Trash01, { size: 32 })), /* @__PURE__ */ React.createElement("div", { className: "option-text" }, locales.getText("pisell2.clear-cart-modal.clear-items-only"))), /* @__PURE__ */ React.createElement("button", {
		type: "button",
		className: "pisell-clear-cart-option red-option",
		onClick: onClearAllAndReset
	}, /* @__PURE__ */ React.createElement("div", { className: "option-icon" }, /* @__PURE__ */ React.createElement(Iconfont, {
		type: "pisell2-log-out-04",
		size: 32
	})), /* @__PURE__ */ React.createElement("div", { className: "option-text" }, locales.getText("pisell2.clear-cart-modal.clear-all-reset"))))));
};
//#endregion
export { ClearCartModal as default };
