/// <reference types="react" resolution-mode="require"/>
import type { ButtonProps } from '../../atoms/button/index.js';
import type { IconProps } from '../../atoms/icon/index.js';
import { VariantType } from '../../theme.js';
/**
 * Props passed to Modal Component
 *
 * @memberof Modal
 * @alias ModalProps
 */
export type ModalProps = {
    /**
     * dialog title
     */
    title?: string;
    /**
     * optional subtitle
     */
    subTitle?: string;
    /**
     * color variant
     */
    variant?: VariantType;
    /** Modal footer buttons */
    buttons?: Array<ButtonProps>;
    /** Label which is seen above the text */
    label?: string;
    /** Icon near the label */
    icon?: IconProps['icon'];
    /** Handler function triggered when overlay is clicked */
    onOverlayClick?: () => any;
    /**
     * Function triggered when user clicks close button.
     * If it is given - close button will appear.
     */
    onClose?: () => any;
    children?: React.ReactNode;
};