@mantine/modals/esm/ConfirmModal.mjs

Modals manager based on Mantine components

"use client";
import { useModals } from "./use-modals/use-modals.mjs";
import { Box, Button, Group } from "@mantine/core";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
//#region packages/@mantine/modals/src/ConfirmModal.tsx
function ConfirmModal({ id, cancelProps, confirmProps, labels = {
	cancel: "",
	confirm: ""
}, closeOnConfirm = true, closeOnCancel = true, groupProps, onCancel, onConfirm, children }) {
	const { cancel: cancelLabel, confirm: confirmLabel } = labels;
	const ctx = useModals();
	const handleCancel = (event) => {
		typeof cancelProps?.onClick === "function" && cancelProps?.onClick(event);
		typeof onCancel === "function" && onCancel();
		closeOnCancel && ctx.closeModal(id);
	};
	const handleConfirm = (event) => {
		typeof confirmProps?.onClick === "function" && confirmProps?.onClick(event);
		typeof onConfirm === "function" && onConfirm();
		closeOnConfirm && ctx.closeModal(id);
	};
	return /* @__PURE__ */ jsxs(Fragment, { children: [children && /* @__PURE__ */ jsx(Box, {
		mb: "md",
		children
	}), /* @__PURE__ */ jsxs(Group, {
		mt: children ? 0 : "md",
		justify: "flex-end",
		...groupProps,
		children: [/* @__PURE__ */ jsx(Button, {
			variant: "default",
			...cancelProps,
			onClick: handleCancel,
			children: cancelProps?.children || cancelLabel
		}), /* @__PURE__ */ jsx(Button, {
			...confirmProps,
			onClick: handleConfirm,
			children: confirmProps?.children || confirmLabel
		})]
	})] });
}
//#endregion
export { ConfirmModal };

//# sourceMappingURL=ConfirmModal.mjs.map