"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const React = require("react");
const clsx = require("clsx");
const Box = require("../../core/Box/Box.cjs");
const ModalBase_context = require("./ModalBase.context.cjs");
const useModalTitleId = require("./use-modal-title-id.cjs");
const ModalBase_module_css = require("./ModalBase.module.css.cjs");
const ModalBaseTitle = React.forwardRef(
  ({ className, ...others }, ref) => {
    const id = useModalTitleId.useModalTitle();
    const ctx = ModalBase_context.useModalBaseContext();
    return /* @__PURE__ */ jsxRuntime.jsx(
      Box.Box,
      {
        component: "h2",
        ref,
        className: clsx({ [ModalBase_module_css.default.title]: !ctx.unstyled }, className),
        ...others,
        id
      }
    );
  }
);
ModalBaseTitle.displayName = "@mantine/core/ModalBaseTitle";
exports.ModalBaseTitle = ModalBaseTitle;
