import { jsx } from 'react/jsx-runtime';
import { cn } from '../../../utils/cn.js';
import { useDrawerContext } from './Drawer.js';

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

export { DrawerSubtitle };
