import React, { Ref } from 'react'; import { ModalContainerProps } from './ModalContainer'; export type ModalSize = 'small' | 'medium' | 'large' | 'auto'; export type ModalDepthLevel = 1 | 2 | 3 | 4 | 5; export type ModalScroll = 'body' | 'full'; export interface ModalProps extends ModalContainerProps { open: boolean; size?: ModalSize; children?: React.ReactNode; containerRef?: Ref; onClose?(): void; /** * Determine the container for scrolling the dialog * @default 'body' */ scroll?: ModalScroll; /** * Allows you to customize the depth of the container and the backdrop of the modal * @default 1 - the lowest possible value */ depthLevel?: ModalDepthLevel; /** * Allows you to remove the document's overflow property when a modal is closed * @default true */ manageOverflow?: boolean; /** * Specify whether the `onClose` prop should called when backdrop is clicked. * @default true */ closeOnBackdropClick?: boolean; } export declare function Modal(props: ModalProps): JSX.Element; export declare namespace Modal { var defaultProps: Partial; }