import { Dialog as DialogPrimitive } from 'radix-ui';
import type { ComponentProps, HTMLAttributes, ReactNode } from 'react';
import type { AsChildProps } from '../utils/AsChildProps';
import type { ButtonProps } from './Button';
import type { ModalContextValue } from './Modal.common';
/**
 * A modal dialog component that can be used to display more complex content to
 * the user than a ModalAlert. If provided an optional `<ModalDialogTrigger />`
 * component, that component will automatically open the dialog when clicked.
 *
 * @param size - The width of the dialog. Defaults to `medium`.
 */
declare const ModalDialog: ({ size, ...props }: Omit<Partial<ModalContextValue>, "variant"> & ComponentProps<typeof DialogPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
declare const ModalDialogTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
/**
 * The primary content box of the dialog. Should contain the `<ModalDialogHeader
 * />`
 */
declare const ModalDialogContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
declare const ModalDialogHeader: {
    ({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
/**
 * The body of the dialog.
 */
declare const ModalDialogBody: import("react").ForwardRefExoticComponent<({
    asChild?: boolean;
    className?: string;
    children: ReactNode;
} & AsChildProps<HTMLAttributes<HTMLDivElement>>) & import("react").RefAttributes<any>>;
/**
 * Footer of the dialog. Should contain the `<ModalDialogAction />` and
 * `<ModalDialogCancel />` components. Content is displayed right-to-left by
 * default.
 * @param param0
 * @returns
 */
declare const ModalDialogFooter: {
    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
/**
 * The title of the dialog. Should be provided as a child of the
 * `<ModalDialogHeader />` component.
 */
declare const ModalDialogTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
/**
 * An accessible description to be announced when the dialog is opened. Should
 * be provided as a child of the `<ModalDialogHeader />` component. Children
 * should be provided as `<p>` tags.
 */
declare const ModalDialogDescription: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
/**
 * Action button for the dialog. Will render as a `<Button variant="highContrast"
 * size="small" /> component or as the child component if `asChild` is true.
 * Automatically closes the dialog when clicked, unless `preventDefault` is
 * called in the `onClick` handler. Should be provided as a child of the
 * <ModalDialogFooter /> component.
 */
declare const ModalDialogAction: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
/**
 * Cancel button for the dialog. Will render as a `<Button variant="secondary"
 * size="small" /> component or as the child component if `asChild` is true.
 * Automatically closes the dialog when clicked, unless `preventDefault` is
 * called in the `onClick` handler. Should be provided as a child of the
 * <ModalDialogFooter /> component.
 */
declare const ModalDialogCancel: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
export { ModalDialog, ModalDialogAction, ModalDialogBody, ModalDialogCancel, ModalDialogContent, ModalDialogDescription, ModalDialogFooter, ModalDialogHeader, ModalDialogTitle, ModalDialogTrigger, };