import React, { ReactNode } from 'react';
import { WaterfallLayout } from '../../hooks/useWaterfall';
import './WaterfallList.less';
export interface WaterfallListProps<TItem extends {
    id: string | number;
    height?: number;
    width?: number;
} = any> {
    /** 瀑布流布局数据 */
    layout: WaterfallLayout<TItem>;
    /** 布局方向 */
    layoutDirection: 'horizontal' | 'vertical';
    /** 列间距 */
    columnGap: number;
    /** 行间距 */
    rowGap: number;
    /** 列数 */
    columns: number;
    /** 行数 */
    rows: number;
    /** 注册元素引用的函数 */
    registerItemRef: (id: string | number, element: HTMLElement | null) => void;
    /** 子元素 */
    children?: ReactNode;
    /** 自定义渲染函数 */
    renderItem?: (item: TItem, index: number) => ReactNode;
}
declare const WaterfallList: <TItem extends {
    id: string | number;
    height?: number | undefined;
    width?: number | undefined;
} = any>(props: WaterfallListProps<TItem>) => React.ReactElement;
export default WaterfallList;
