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

const DrawerTitle = ({ children, className, ...props }) => {
    const { theme, titleId } = useDrawerContext();
    return (jsx("h2", { id: titleId, className: cn(theme.title, className), ...props, children: children }));
};
DrawerTitle.displayName = "Drawer.Title";

export { DrawerTitle };
