import React from 'react';
export type LazyMode = 'virtual' | 'visibility' | 'hybrid';
export interface UseLazyComponentProps {
    mode?: LazyMode;
    threshold?: number;
    rootMargin?: string;
    onVisible?: () => void;
    onHidden?: () => void;
}
export interface UseLazyComponentReturn {
    isVisible: boolean;
    isInView: boolean;
    ref: React.RefObject<HTMLDivElement>;
    shouldRender: boolean;
    shouldMount: boolean;
}
/**
 * Hook for lazy component rendering with multiple modes
 *
 * Modes:
 * - virtual: Traditional virtual scrolling (render all, show visible)
 * - visibility: Intersection Observer (mount only when visible)
 * - hybrid: Combine both (best performance)
 */
export declare function useLazyComponent(props?: UseLazyComponentProps): UseLazyComponentReturn;
/**
 * HOC for lazy rendering components
 *
 * Usage:
 * const LazyCard = withLazyRender(Card);
 *
 * <LazyCard mode="hybrid" />
 */
export declare function withLazyRender<P extends object>(WrappedComponent: React.ComponentType<P & {
    mode?: LazyMode;
}>): (props: P) => React.JSX.Element;
export default useLazyComponent;
//# sourceMappingURL=useLazyComponent.d.ts.map