import React from 'react';
import { ComponentProps } from '@hitagi/utils/types';
import Portal from '../Portal';
import Backdrop from '../Backdrop';
import Transition from '../Transition';
type ModalProps = {
    children: React.ReactChild;
    open: boolean;
    onClose?: () => void;
    preserveDocumentOverflow?: boolean;
    unmountOnExit?: boolean;
    disableOutsideClick?: boolean;
    PortalProps?: Partial<Pick<ComponentProps<typeof Portal>, 'mountContainer'>>;
    BackdropComponent?: React.ElementType;
    BackdropProps?: Partial<Pick<ComponentProps<typeof Backdrop>, 'timeout' | 'style'>>;
    TransitionComponent?: React.ElementType;
    TransitionProps?: Partial<Pick<ComponentProps<typeof Transition>, 'timeout'>>;
} & ComponentProps<typeof Container>;
declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
/**
 * The modal component provides a solid foundation for creating dialogs, overlays, or whatever else.
 */
declare function Modal(props: ModalProps): JSX.Element | null;
export default Modal;