import { jsx } from 'react/jsx-runtime';
import { cn } from '../../../utils/cn.js';
import { useModalContext } from './Modal.js';

const ModalTitle = ({ children, className, ...props }) => {
    const { theme, titleId } = useModalContext();
    return (jsx("div", { id: titleId, className: cn(theme.title, className), ...props, children: children }));
};
ModalTitle.displayName = "Modal.Title";

export { ModalTitle };
