import { default as React } from 'react';
import { HeadingLevel } from '../typography';
export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
    isOpen: boolean;
    onClose: () => void;
    children: React.ReactNode;
}
export declare function Modal({ isOpen, onClose, children, className, ...props }: ModalProps): React.ReactPortal | null;
export type ModalHeaderProps = React.HTMLAttributes<HTMLDivElement>;
export declare function ModalHeader({ className, ...props }: ModalHeaderProps): React.JSX.Element;
export interface ModalTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
    level?: HeadingLevel;
}
export declare function ModalTitle({ level, ...props }: ModalTitleProps): React.JSX.Element;
export type ModalContentProps = React.HTMLAttributes<HTMLDivElement>;
export declare function ModalContent({ className, ...props }: ModalContentProps): React.JSX.Element;
export type ModalFooterProps = React.HTMLAttributes<HTMLDivElement>;
export declare function ModalFooter({ className, ...props }: ModalFooterProps): React.JSX.Element;