import { MouseEventHandler, ReactElement, ReactNode } from 'react';
import { IconName } from '../Icon/Icon';
import { ModalHeaderWithIconVariant } from './ModalHeaderWithIcon';
export type ModalProps = {
    /**
     * Actions to display in the Modal
     */
    actions?: ReactNode;
    /**
     * Whether the modal should be open
     */
    isOpen: boolean;
    /**
     * Whether the modal should have opening and closing animation
     * @default false
     */
    noAnimation?: boolean;
    /**
     * The element where to mount the Modal. It needs to be outside
     * the GrapesProvider tree for the focus trap to work properly.
     * @default document.body
     */
    portalContainer?: Element;
    /**
     * The title of the Modal
     */
    title: string;
    /**
     * The subtitle of the Modal
     */
    subtitle?: string;
    /**
     * The content of the Modal
     */
    children?: ReactNode;
    /**
     * className for the element
     */
    className?: string;
    /**
     * Handler that is called when the Modal is closed
     */
    onClose?: MouseEventHandler<HTMLButtonElement>;
} & (// Modal with icon
{
    /**
     * The icon to display in the button
     */
    iconName: IconName;
    /**
     * Specifies the icon variant
     * @default info
     */
    iconVariant?: ModalHeaderWithIconVariant;
    illustration?: never;
    illustrationHeight?: never;
} | {
    iconName?: never;
    iconVariant?: never;
    /**
     * The illustration to display on top of the Modal
     */
    illustration: ReactNode;
    /**
     * Specifies the illustration height
     * @default 424px
     */
    illustrationHeight?: string;
});
/**
 * A Modal is window containing contextual information, tasks, or workflows that appear over the user interface.
 * The content behind a modal dialog is inert, meaning that users cannot interact with it.
 * @see https://grapes.spendesk.design/docs/components/modal
 */
export declare const Modal: ({ actions, children, iconName, iconVariant, illustration, illustrationHeight, isOpen, portalContainer, title, subtitle, className, onClose, noAnimation, ...rest }: ModalProps) => ReactElement | null;
//# sourceMappingURL=Modal.d.ts.map