import type { PressableRef, TextRef, ViewRef } from '../../helpers/internal/types/index.js';
import * as DialogPrimitives from '../../primitives/dialog/index.js';
import { useDialogAnimation } from './dialog.animation.js';
import type { DialogContentProps, DialogDescriptionProps, DialogOverlayProps, DialogPortalProps, DialogRootProps, DialogTitleProps, DialogTriggerProps } from './dialog.types.js';
declare const useDialog: typeof DialogPrimitives.useRootContext;
/**
 * Compound Dialog component with sub-components
 *
 * @component Dialog.Root - Main container that manages open/close state.
 * Provides the dialog context to child components.
 *
 * @component Dialog.Trigger - Button or element that opens the dialog.
 * Accepts any pressable element as children.
 *
 * @component Dialog.Portal - Portal container for dialog overlay and content.
 * Renders children in a portal with centered layout.
 *
 * @component Dialog.Overlay - Background overlay that covers the screen.
 * Typically closes the dialog when clicked.
 *
 * @component Dialog.Content - The dialog content container.
 * Contains the main dialog UI elements.
 *
 * @component Dialog.ContentBackground - Absolute-fill background container behind
 * the dialog content. With no children, the active library theme decides the content
 * (glass theme renders a blur layer). Accepts children to host custom content such
 * as gradients with the container's positioning and clipping applied. Replaceable
 * via the `background` prop on Dialog.Content.
 *
 * @component Dialog.Close - Close button for the dialog.
 * Can accept custom children or uses default close icon.
 *
 * @component Dialog.Title - The dialog title text.
 * Automatically linked for accessibility.
 *
 * @component Dialog.Description - The dialog description text.
 * Automatically linked for accessibility.
 *
 * @see Full documentation: https://heroui.com/docs/native/components/dialog
 */
declare const Dialog: import("react").ForwardRefExoticComponent<DialogRootProps & import("react").RefAttributes<ViewRef>> & {
    /** @optional Trigger element to open the dialog */
    Trigger: import("react").ForwardRefExoticComponent<DialogTriggerProps & import("react").RefAttributes<PressableRef>>;
    /** @optional Portal container for overlay and content */
    Portal: {
        ({ className, children, style, disableFullWindowOverlay, unstable_accessibilityContainerViewIsModal, ...props }: DialogPortalProps): import("react").JSX.Element;
        displayName: string;
    };
    /** @optional Background overlay */
    Overlay: import("react").ForwardRefExoticComponent<DialogOverlayProps & import("react").RefAttributes<PressableRef>>;
    /** @optional Main dialog content container */
    Content: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<ViewRef>>;
    /** @optional Theme-aware background container behind the dialog content */
    ContentBackground: import("react").ForwardRefExoticComponent<import("react-native").ViewProps & {
        className?: string;
    } & import("react").RefAttributes<ViewRef>>;
    /** @optional Close button for the dialog */
    Close: import("react").ForwardRefExoticComponent<import("../close-button/index.js").CloseButtonProps & import("react").RefAttributes<PressableRef>>;
    /** @optional Dialog title text */
    Title: import("react").ForwardRefExoticComponent<DialogTitleProps & import("react").RefAttributes<TextRef>>;
    /** @optional Dialog description text */
    Description: import("react").ForwardRefExoticComponent<DialogDescriptionProps & import("react").RefAttributes<TextRef>>;
};
export { useDialog, useDialogAnimation };
export default Dialog;
//# sourceMappingURL=dialog.d.ts.map