import type { HTMLAttributes } from 'react';
import type { ButtonProps } from './Button';
declare const MODAL_VARIANTS: readonly ["default", "extended"];
type ModalVariant = (typeof MODAL_VARIANTS)[number];
declare const MODAL_SIZES: readonly ["small", "medium", "large", "xLarge"];
type ModalSize = (typeof MODAL_SIZES)[number];
type ModalContextValue = {
    variant: ModalVariant;
    size: ModalSize;
    showCloseButton?: boolean;
};
declare const ModalContext: import("react").Context<ModalContextValue>;
declare const useModalContext: () => ModalContextValue;
declare const ModalContextProvider: import("react").Provider<ModalContextValue>;
/**
 * The header of the dialog. Will render a border at the bottom if the variant is
 * `extended`. Used as the container for the `<ModalDialogTitle />` and
 * `<ModalDialogDescription />` components. Should not contain
 * `<ModalDialogDescription />` for the `extended variant`.
 */
declare const ModalHeader: {
    ({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
declare const ButtonModalAction: import("react").ForwardRefExoticComponent<(ButtonProps & {
    isPrimaryAction?: boolean;
}) & import("react").RefAttributes<any>>;
declare const ButtonModalCancel: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
declare const ModalConsts: {
    SIZES: readonly ["small", "medium", "large", "xLarge"];
    VARIANTS: readonly ["default", "extended"];
};
export { ButtonModalAction, ButtonModalCancel, ModalConsts, ModalContext, ModalContextProvider, ModalHeader, useModalContext, };
export type { ModalContextValue, ModalSize, ModalVariant };