import { ReactNode } from 'react';
import { WithIcon } from '../../shared/types/with-icon';
import { FooterVariant } from './types';
/**
 * A modal dialog component that appears on top of the main content,
 */
export declare const Modal: import('react').ForwardRefExoticComponent<Partial<WithIcon> & {
    /**
     * Title displayed in the modal header
     */
    title: string;
    /**
     * Optional subtitle displayed below the title
     */
    subtitle?: string;
    /**
     * Content to be displayed in the modal body
     */
    children?: ReactNode;
    /**
     * Content to be displayed in the modal footer
     */
    footer?: ReactNode;
    /**
     * Size variant of the modal
     */
    size?: "regular" | "large";
    /**
     * Variant of the footer styling
     */
    footerVariant?: FooterVariant;
    /**
     * Controls the visibility of the modal
     */
    open: boolean;
    /**
     * Callback function called when the modal is closed
     */
    onClose?: () => void;
} & import('react').RefAttributes<HTMLDivElement>>;