import React from "react";
import type { ComponentType } from "react";
import type { VirtualItem, Virtualizer } from "@tanstack/react-virtual";
import "./index.less";
export type Direction = "horizontal" | "vertical";
export type VirtualListHandler = Virtualizer<HTMLElement, HTMLElement>;
export interface ItemProps<T extends object> {
    index: number;
    data: T;
}
export interface Props<T extends object> {
    initialRect?: {
        width: number;
        height: number;
    };
    data: T[];
    renderItem: ComponentType<ItemProps<T>>;
    rowKey?: keyof T | "index";
    direction?: Direction;
    fixedSize?: (index: number) => number;
    overscan?: number;
    id?: string;
    className?: string;
    style?: React.CSSProperties;
    innerClassName?: string;
    itemClassName?: string;
    itemStyle?: React.CSSProperties;
    itemWrapperClassName?: string;
    itemWrapperStyle?: React.CSSProperties;
    footer?: React.ReactNode;
    footerSize?: number;
    onScroll?: React.UIEventHandler<HTMLDivElement>;
    onVirtualItemsChange?: (items: VirtualItem[]) => void;
    scrollRef?: React.Ref<HTMLDivElement>;
    listRef?: React.Ref<VirtualListHandler>;
}
/**
 * Efficiently rendering large lists and tabular data
 */
export declare const VirtualList: <T extends object>({ data, rowKey, direction, renderItem: renderData, overscan, initialRect, fixedSize, id, className, style, innerClassName, itemClassName, itemStyle, itemWrapperClassName, itemWrapperStyle, footer, footerSize, onScroll, onVirtualItemsChange, scrollRef, listRef, }: Props<T>) => React.JSX.Element;