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

React components library focused on usability, accessibility and developer experience

"use client";
const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
const require_Box = require("../../core/Box/Box.cjs");
const require_ModalBase_context = require("./ModalBase.context.cjs");
const require_ModalBase_module = require("./ModalBase.module.cjs");
const require_use_modal_title_id = require("./use-modal-title-id.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/ModalBaseTitle.tsx
function ModalBaseTitle({ className, ...others }) {
	const id = require_use_modal_title_id.useModalTitle();
	const ctx = require_ModalBase_context.useModalBaseContext();
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
		component: "h2",
		className: (0, clsx.default)({ [require_ModalBase_module.default.title]: !ctx.unstyled }, className),
		id,
		...others
	});
}
ModalBaseTitle.displayName = "@mantine/core/ModalBaseTitle";
//#endregion
exports.ModalBaseTitle = ModalBaseTitle;

//# sourceMappingURL=ModalBaseTitle.cjs.map