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

const ModalFooter = ({ children, className, ...props }) => {
    const { theme, isBodyScrollable } = useModalContext();
    return (jsx("div", { className: cn(theme.footer, isBodyScrollable && "border-border", className), ...props, children: children }));
};
ModalFooter.displayName = "Modal.Footer";

export { ModalFooter };
