import { default as React } from 'react';
export interface ChatConversationItem {
    id: string;
    title: React.ReactNode;
    subtitle?: React.ReactNode;
    avatar?: React.ReactNode | string;
    lastMessage?: React.ReactNode;
    lastMessageAt?: string | number | Date;
    unreadCount?: number;
    badges?: {
        label: React.ReactNode;
        color?: string;
        bgColor?: string;
    }[];
    pinned?: boolean;
    archived?: boolean;
    [key: string]: any;
}
export interface ChatConversationsProps {
    conversations: ChatConversationItem[];
    activeId?: string;
    onSelect?: (id: string) => void;
    onSearch?: (query: string) => void;
    onPin?: (id: string, pinned: boolean) => void;
    onArchive?: (id: string, archived: boolean) => void;
    onDelete?: (id: string) => void;
    searchable?: boolean;
    sidebarWidth?: number | string;
    minSidebarWidth?: number;
    maxSidebarWidth?: number;
    hideArchived?: boolean;
    emptyState?: React.ReactNode;
    renderItem?: (item: ChatConversationItem, ctx: {
        active: boolean;
    }) => React.ReactNode;
    children?: React.ReactNode;
    className?: string;
    style?: React.CSSProperties;
    placeholder?: string;
    title?: React.ReactNode;
}
export declare function ChatConversations(props: ChatConversationsProps): React.JSX.Element;
export default ChatConversations;