import { ReactNode, UIEventHandler, default as React } from 'react';
import { Message } from '../types';
interface SessionMessagesProps {
    /**
     * Class name to apply to the root element.
     */
    className?: string;
    /**
     * Content to display when there are no sessions selected or a new session is started.
     */
    newSessionContent?: string | ReactNode;
    /**
     * Limit the number of results returned. Clientside pagination.
     * @default 10
     */
    limit?: number | null;
    /**
     * Text to display for the show more button.
     * @default 'Show more'
     */
    showMoreText?: string;
    /**
     * Whether to automatically scroll to the bottom of the content.
     * @default true
     */
    autoScroll?: boolean;
    /**
     * Whether to display the scroll to bottom button.
     */
    showScrollBottomButton?: boolean;
    /**
     * Render function for the session messages.
     */
    children?: (messages: Message[]) => ReactNode;
    /**
     * Whether to show the load more button.
     * @default false
     */
    showLoadMoreButton?: boolean;
    /**
     * Whether to disable the load more button.
     */
    loadMoreButtonDisabled?: boolean;
    /**
     * Scroll event handler.
     * @param e
     */
    onScroll?: UIEventHandler<HTMLDivElement>;
    /**
     * Load more event handler.
     */
    onLoadMore?: () => void;
}
export declare const SessionMessages: React.FC<SessionMessagesProps>;
export {};