import { BoxProps } from "../../box";
import { ComponentProps, ElementType, ReactNode, SyntheticEvent } from "react";
import { InteractionProps, InternalProps, OmitInternalProps, StyledComponentProps } from "../../shared";
import { ResponsiveProp } from "../../styling";
export declare type AbstractDialogProps<T extends ElementType> = InternalProps & InteractionProps & Omit<StyledComponentProps<T>, "role" | "zIndex"> & {
    /**
     * React children.
     */
    children: ReactNode;
    /**
     * Whether or not the dialog should close on outside interactions.
     */
    dismissable?: boolean;
    /**
     * Called when a closing event happenened.
     * @param {SyntheticEvent} event - React's original synthetic event.
     * @returns {void}
     */
    onClose?: (event: SyntheticEvent) => void;
    /**
     * Additional props to render on the wrapper element.
     */
    wrapperProps?: Partial<BoxProps>;
    /**
     * The z-index of the dialog.
     */
    zIndex?: number;
};
declare const DefaultElement = "section";
export interface InnerDialogProps extends AbstractDialogProps<typeof DefaultElement> {
    /**
     * The dialog role.
     */
    role?: "dialog" | "alertdialog";
    /**
     * A dialog can vary in size.
     */
    size?: ResponsiveProp<"sm" | "md" | "lg">;
}
export declare function InnerDialog({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, as, children, dismissable, focus, forwardedRef, id, onClose, role, size, wrapperProps, zIndex, ...rest }: InnerDialogProps): JSX.Element;
export declare namespace InnerDialog {
    var defaultElement: string;
}
export declare const Dialog: import("react").ForwardRefExoticComponent<Omit<OmitInternalProps<InnerDialogProps, never>, "ref"> & import("react").RefAttributes<any>>;
export declare type DialogProps = ComponentProps<typeof Dialog>;
export {};