import * as React from "react"; import type { MergeElementProps } from "../typings"; interface DialogBaseProps { /** The content of the component. */ children?: React.ReactNode; /** * Append to the classNames applied to the component so you can override or * extend the styles. */ className?: string; /** * A number in pixels which determines the `max-width` of the dialog. */ maxWidth?: number; /** * If `true`, the dialog will be full-screen. * @default false */ fullScreen?: boolean; /** * If `true`, the dialog will be open. * @default false */ open?: boolean; /** The Callback fires when the dialog has opened. */ onOpen?: () => void; /** The Callback fires when the dialog has closed. */ onClose?: () => void; /** Callback fired when the backdrop is clicked. */ onBackdropClick?: React.MouseEventHandler; /** Callback fired when the `Escape` key is released. */ onEscapeKeyUp?: (e: KeyboardEvent) => void; } export declare type DialogProps = MergeElementProps<"div", DialogBaseProps>; declare type Component = { (props: DialogProps): React.ReactElement | null; propTypes?: React.WeakValidationMap | undefined; displayName?: string | undefined; }; declare const Dialog: Component; export default Dialog;