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

const ModalSubtitle = ({ children, className, ...props }) => {
    const { theme, subtitleId } = useModalContext();
    return (jsx("p", { id: subtitleId, className: cn(theme.subtitle, className), ...props, children: children }));
};
ModalSubtitle.displayName = "Modal.Subtitle";

export { ModalSubtitle };
