import React from 'react';
import { Props } from '../../../common';
import { IFontAwesomeIconProps } from '../../Icons/FontAwesomeIcon/FontAwesomeIcon';
export interface ICalloutProps {
    type: 'info' | 'success' | 'error' | 'warning' | 'dark' | 'preview-mode' | 'edit-mode' | 'no-data' | '';
    children?: any;
    className?: string;
    message?: string;
    messages?: string[];
    justifyCenter?: boolean;
    shouldFocus?: boolean;
    componentContext?: string;
    /** The margins around the component */
    margins?: Props.IMargins;
    icon?: IFontAwesomeIconProps['icon'];
}
export interface ICalloutState {
    willFocus: boolean;
}
export declare class Callout extends React.Component<React.PropsWithChildren<ICalloutProps>, ICalloutState> {
    static Title: React.FC<{
        children?: React.ReactNode;
    }>;
    get messages(): string[];
    get messagesList(): string | JSX.Element | null;
    get classNames(): string[];
    static defaultProps: ICalloutProps;
    state: ICalloutState;
    private node;
    handleFocus: () => void;
    componentDidMount(): void;
    componentDidUpdate(): void;
    render(): JSX.Element | null;
}