import { default as React } from 'react';
export interface InfiniteScrollProps {
    /** Child content */
    children: React.ReactNode;
    /** Load more callback */
    onLoadMore: () => void | Promise<void>;
    /** Loading state */
    loading?: boolean;
    /** Has more data */
    hasMore?: boolean;
    /** Threshold in pixels from bottom to trigger load */
    threshold?: number;
    /** Loading component */
    loader?: React.ReactNode;
    /** End message component */
    endMessage?: React.ReactNode;
    /** Container height (for scrollable container) */
    height?: string | number;
    /** Scroll direction */
    scrollDirection?: 'vertical' | 'horizontal';
    /** Reverse scroll (for chat-like interfaces) */
    reverse?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * InfiniteScroll Component
 *
 * Load more data automatically when scrolling near the end.
 * Supports vertical/horizontal scrolling and reverse mode.
 *
 * @example
 * ```tsx
 * <InfiniteScroll
 *   onLoadMore={loadMoreItems}
 *   loading={isLoading}
 *   hasMore={hasNextPage}
 *   height="500px"
 * >
 *   {items.map(item => <div key={item.id}>{item.name}</div>)}
 * </InfiniteScroll>
 * ```
 *
 * @example
 * ```tsx
 * <InfiniteScroll
 *   onLoadMore={fetchOlderMessages}
 *   loading={loading}
 *   hasMore={hasMore}
 *   reverse
 *   height="600px"
 * >
 *   {messages.map(msg => <Message key={msg.id} {...msg} />)}
 * </InfiniteScroll>
 * ```
 */
export declare const InfiniteScroll: React.FC<InfiniteScrollProps>;
//# sourceMappingURL=infinite-scroll.d.ts.map