import { default as React } from 'react';
import { ConversationType } from '../../types/ConversationType';
export interface Props {
    onConversationClick?: (index: number) => void;
    conversations?: ConversationType[];
    loading?: boolean;
    selectedConversationId?: string;
    onScrollToBottom?: () => void;
    themeColor?: string;
    mobileView?: boolean;
    /**
     * the current user on the chat ui
     */
    currentUserId?: string;
    renderCustomConversationitem?: (conversation: ConversationType, index: number) => React.ReactNode;
    customLoaderComponent?: React.ReactNode;
    customEmptyConversationsComponent?: React.ReactNode;
    header?: {
        showHeader?: boolean;
        customHeaderComponent?: React.ReactNode;
        title?: string;
        showAddButton?: boolean;
        onAddClicked?: () => void;
        showSearchBar?: boolean;
        searchValue?: string;
        onSearchChange?: (value: string) => void;
    };
}
export default function ConversationList({ conversations, loading, onConversationClick, selectedConversationId, onScrollToBottom, currentUserId, renderCustomConversationitem, customLoaderComponent, customEmptyConversationsComponent, header }: Props): import("react/jsx-runtime").JSX.Element;