import { FC, ReactNode } from 'react';
import { default as ChatConversationDetail } from './components/ChatConversationDetail';
import { default as ChatConversationList } from './components/ChatConversationList';
import { default as ChatMessageBubble } from './components/ChatMessageBubble';
import { default as ChatMessageInput } from './components/ChatMessageInput';
import { default as ChatParticipantDialog } from './components/ChatParticipantDialog';
import { default as ChatVoiceRecorder } from './components/ChatVoiceRecorder';
interface ChatProps {
    children: ReactNode;
    height?: string | number;
    width?: string | number;
}
interface ChatBodyProps {
    children: ReactNode;
}
declare const ChatBody: ({ children }: ChatBodyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
type ChatComponent = FC<ChatProps> & {
    Body: typeof ChatBody;
    ConversationDetail: typeof ChatConversationDetail;
    ConversationList: typeof ChatConversationList;
    MessageBubble: typeof ChatMessageBubble;
    MessageInput: typeof ChatMessageInput;
    ParticipantDialog: typeof ChatParticipantDialog;
    VoiceRecorder: typeof ChatVoiceRecorder;
};
declare const Chat: ChatComponent;
export default Chat;