/**
 * The general purpose Dialog component.
 * This component extends the props of `<div>` element with `role="dialog"`.
 *
 * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog
 */
export declare const Dialog: import("react").ForwardRefExoticComponent<{
    children?: import("react").ReactNode;
    title: import("react").ReactNode;
    open?: boolean;
    onClose?: () => void;
    actionSlot?: import("react").ReactNode;
    size?: import("../../styled-system/recipes").DialogSlotRecipeVariant["size"];
    hideCloseButton?: boolean;
    closeButtonProps?: Pick<import("react").ComponentPropsWithoutRef<"button">, "aria-label">;
    targetDOMNode?: HTMLElement | null;
    enableAutoUnmount?: boolean;
    disableBackdropClose?: boolean;
    customFocusElement?: import("react").RefObject<HTMLElement | null> | HTMLElement | null;
} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "open" | "onClose"> & {
    ref?: (import("react").RefObject<HTMLDivElement | null> | import("react").RefCallback<HTMLDivElement> | null) | undefined;
} & import("react").Attributes>;