import { default as React } from 'react';
import { RecorderType } from '../recorder-step/RecorderStep';
export type EliceMessageItem = {
    role: "system" | "user" | "assistant";
    content: string;
};
export interface EliceChatProps {
    placeholder?: string;
    messages: EliceMessageItem[];
    content: string;
    onReset: () => void;
    onChange: (text: string) => void;
    onSend: (text: string) => void;
    onRecord?: () => void;
    setAudioFile?: (file: File | null) => void;
    onTransform?: () => void;
    height?: string;
    onTranscribingChange?: (value: boolean) => void;
    isLoadingMessage?: boolean;
    isDisabled?: boolean;
    backgroundImage?: string;
    CustomAssistantAvatar?: React.ReactNode;
    CustomUserAvatar?: React.ReactNode;
    type?: string;
    recorderType?: RecorderType;
    isOnlyRecord: boolean;
    isRecordDisabled?: boolean;
    isResetDisabled?: boolean;
    maxRows?: number;
}
declare const EliceChat: {
    (props: React.ComponentProps<typeof EliceChatContainer>): import("react/jsx-runtime").JSX.Element;
    MessageList({ messages, isLoadingMessage, scrollRef, height, CustomAssistantAvatar, CustomUserAvatar, }: {
        messages: {
            role: "system" | "user" | "assistant";
            content: string;
        }[];
        isLoadingMessage?: boolean;
        scrollRef: React.RefObject<HTMLDivElement>;
        height?: string;
        CustomAssistantAvatar: React.ReactNode;
        CustomUserAvatar: React.ReactNode;
    }): import("react/jsx-runtime").JSX.Element;
    InputArea({ placeHolder, value, isDisabled, onChange, onSend, onReset, onRecord, onTranscribingChange, isOnlyRecord, isResetDisabled, isRecordDisabled, maxRows }: {
        placeHolder: string;
        value: string;
        isDisabled: boolean;
        onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
        onSend: () => void;
        onReset: () => void;
        onRecord?: () => void;
        onTransform?: () => void;
        setAudioFile?: (file: File) => void;
        onTranscribingChange?: (value: boolean) => void;
        type: RecorderType;
        isOnlyRecord: boolean;
        isResetDisabled: boolean;
        isRecordDisabled: boolean;
        maxRows: number;
    }): import("react/jsx-runtime").JSX.Element;
};
declare const EliceChatContainer: ({ placeholder, messages, content, onReset, onSend, onChange, onRecord, onTranscribingChange, setAudioFile, onTransform, isLoadingMessage, CustomAssistantAvatar, CustomUserAvatar, isDisabled, backgroundImage, height, recorderType, isOnlyRecord, isResetDisabled, isRecordDisabled, maxRows, }: EliceChatProps) => import("react/jsx-runtime").JSX.Element;
export default EliceChat;