@mantine/core/cjs/components/ModalBase/ModalBaseCloseButton.cjs

React components library focused on usability, accessibility and developer experience

"use client";
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
const require_CloseButton = require("../CloseButton/CloseButton.cjs");
const require_ModalBase_context = require("./ModalBase.context.cjs");
const require_ModalBase_module = require("./ModalBase.module.cjs");
let clsx = require("clsx");
clsx = require_runtime.__toESM(clsx);
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/core/src/components/ModalBase/ModalBaseCloseButton.tsx
function ModalBaseCloseButton({ className, onClick, ...others }) {
	const ctx = require_ModalBase_context.useModalBaseContext();
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CloseButton.CloseButton, {
		...others,
		onClick: (event) => {
			ctx.onClose();
			onClick?.(event);
		},
		className: (0, clsx.default)({ [require_ModalBase_module.default.close]: !ctx.unstyled }, className),
		unstyled: ctx.unstyled
	});
}
ModalBaseCloseButton.displayName = "@mantine/core/ModalBaseCloseButton";
//#endregion
exports.ModalBaseCloseButton = ModalBaseCloseButton;

//# sourceMappingURL=ModalBaseCloseButton.cjs.map