import type { CSSProperties, Dispatch, ReactNode, RefAttributes, SetStateAction } from 'react';
import { Cell } from './Cell';
import { useListContext } from './ListContext';
import { Row } from './Row';
import { SelectBar } from './SelectBar';
import type { ColumnProps } from './types';
type ListProps = {
    expandable?: boolean;
    selectable?: boolean;
    columns: ColumnProps[];
    children: ReactNode;
    /**
     * Set it to true if you want to display a placeholder during loading
     */
    loading?: boolean;
    /**
     * Auto collapse is collapsing expandable row when another is expanding
     */
    autoCollapse?: boolean;
    /**
     * Action when selection changes (get the list of selected rows)
     */
    onSelectedChange?: Dispatch<SetStateAction<string[]>>;
    className?: string;
    style?: CSSProperties;
    colMode: 'strict' | 'flexible' | undefined;
};
type NewListProps = Omit<ListProps, 'colMode'> & {
    colMode: 'strict';
};
type LegacyListProps = Omit<ListProps, 'colMode'> & {
    colMode?: 'flexible' | undefined;
};
/**
 * List is a component that displays a list of items based on the columns you provide and the data you pass.
 */
type ListType = {
    (props: NewListProps & RefAttributes<HTMLTableElement>): ReactNode;
    /**
     * @deprecated Use `colMode="strict"`
     */
    (props: LegacyListProps & RefAttributes<HTMLTableElement>): ReactNode;
    Cell: typeof Cell;
    Row: typeof Row;
    SelectBar: typeof SelectBar;
    useListContext: typeof useListContext;
};
export declare const List: ListType;
export {};
//# sourceMappingURL=index.d.ts.map