import React from 'react';
import './Chat.css';
import './chatShadow.css';
export declare function GhostIcon({ color1, color2, color3, width }: {
    color1: string;
    color2: string;
    color3: string;
    width: string;
}): import("react/jsx-runtime").JSX.Element;
export declare function MainMessageComponent({ message, myRoles, margin, chatStyles, aboveBubble, animate, }: {
    message: any;
    myRoles: string[];
    margin: string;
    chatStyles: any;
    aboveBubble?: boolean;
    animate?: boolean;
}): import("react/jsx-runtime").JSX.Element | null;
export declare const DefaultMessage: React.MemoExoticComponent<typeof MainMessageComponent>;
export declare function MessageList({ messages, myRoles, chatStyles, preview, MessageComponent, blank, previewMessages, animateFirstMessage, }: {
    messages: any[];
    myRoles: string[];
    chatStyles: any;
    preview: boolean;
    MessageComponent: any;
    blank: boolean;
    previewMessages: any[];
    animateFirstMessage?: boolean;
}): import("react/jsx-runtime").JSX.Element | null;
export declare function Header({ exitHandler, chatStyles, refreshChatLocalStorage, }: {
    exitHandler: Function | null;
    chatStyles: any;
    refreshChatLocalStorage: Function;
}): import("react/jsx-runtime").JSX.Element;
export declare function Footer({ chatStyles }: {
    chatStyles: any;
}): import("react/jsx-runtime").JSX.Element;
export declare function InputBar({ sendMessage, chatStyles, preview }: {
    sendMessage: (text: string, callback?: () => void) => void;
    chatStyles: any;
    preview: boolean;
}): import("react/jsx-runtime").JSX.Element;
export declare function ChatClient({ disableHeader, disableFooter, exitHandler, chatStyles, preview, messageComponent: MessageComponent, blank, }: {
    disableHeader?: boolean;
    disableFooter?: boolean;
    exitHandler?: Function | null;
    chatStyles?: any;
    preview?: boolean;
    messageComponent?: any;
    blank?: boolean;
}): import("react/jsx-runtime").JSX.Element;
export declare function ChatApp({ visible }: {
    visible?: boolean;
}): import("react/jsx-runtime").JSX.Element;
export declare function BubbleChat({ icon, visible, }: {
    visible?: boolean;
    icon?: any | null;
}): import("react/jsx-runtime").JSX.Element;