import { RefObject } from 'react';
import { AlertDialogProps } from '@reach/alert-dialog';
import { DialogProps } from '@reach/dialog';
import { ModalProps } from './Modal';
interface ModalOverlayProps extends Pick<ModalProps, 'onDismiss'>, Pick<DialogProps, 'allowPinchZoom' | 'initialFocusRef' | 'isOpen'>, Pick<AlertDialogProps, 'leastDestructiveRef'> {
    children: JSX.Element;
    isAlertModal: boolean;
    leastDestructiveRef?: RefObject<HTMLElement>;
    shouldReduceMotion: boolean;
    /**
     * You should avoid using this. However if you need to use a Radix menu in a modal, this may become necessary since the ModalOverlay used (that is from Radix) "swallows" the onClick that happens with the trigger.
     */
    dangerouslyBypassFocusLock?: boolean;
}
export declare const ModalOverlay: import("react").ForwardRefExoticComponent<ModalOverlayProps & import("react").RefAttributes<HTMLElement | SVGElement>>;
export {};