import type { LucideIcon } from 'lucide-react';
import type { ComponentProps, FC, ReactNode } from 'react';
import type { HintBadgeProps, HintDotProps } from '../Hint';
import type { PaginationProps } from '../Pagination';
import type { Color, Paths, ResolvePath } from '../types';
export type DataTableColumn<T, Field extends Paths<T> = Paths<T>> = {
    className?: string;
    header: ReactNode;
    field: Field;
    noSorting?: boolean;
    hide?: boolean;
    align?: ComponentProps<'td'>['align'];
    render?: (item: T, rowIndex: number) => ReactNode;
    comparator?: (a: ResolvePath<T, Field>, b: ResolvePath<T, Field>) => number;
};
export type DataTableColumns<T> = Partial<{
    [Field in Paths<T>]: DataTableColumn<T, Field>;
}>;
export type DataTableSorting<T, Field extends Paths<T> = Paths<T>> = {
    field: Field;
    direction: 'asc' | 'desc';
    comparator: (a: ResolvePath<T, Field>, b: ResolvePath<T, Field>) => number;
};
export type DataTableRowExtraContent<T> = {
    idGetter: (item: T) => number;
    singleExpansion?: boolean;
    component: FC<{
        item: T;
        rowIndex: number;
    }>;
};
declare const possiblePageSize: readonly [5, 10, 25, 50, 100, 500, 1000];
export type DataTablePageSize = (typeof possiblePageSize)[number];
export type DataTableAction<T> = {
    icon: LucideIcon;
    label?: string;
    hasNotification?: (item: T, rowIndex: number) => {
        type: 'badge';
        props: HintBadgeProps;
    } | {
        type: 'dot';
        props: HintDotProps;
    } | boolean;
    color?: Color;
    hide?: boolean | ((item: T) => boolean);
    loading?: boolean;
    onClick: (item: T, rowIndex: number) => void;
};
export type DataTableProps<T> = {
    className?: string;
    rows: T[];
    columns: DataTableColumn<T>[] | DataTableColumns<T>;
    sorting?: {
        sorting: DataTableSorting<T> | undefined;
        onSortingChange: (sorting: DataTableSorting<T>) => void;
    };
    pagination?: PaginationProps & {
        pageSize?: DataTablePageSize;
        onPageSizeChange?: (pageSize: DataTablePageSize) => void;
    };
    actions?: DataTableAction<T>[];
    isLoading?: boolean;
    rowExtraContent?: DataTableRowExtraContent<T>;
    noDataMessage?: ReactNode;
    onRowClick?: DataTableAction<T>['onClick'];
    rowClassName?: (item: T, rowIndex: number) => string | undefined;
    dataTestId?: string;
};
export declare function DataTable<T>({ className, columns, rows, sorting, pagination, actions, isLoading, rowExtraContent, noDataMessage, onRowClick, rowClassName, dataTestId, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
export {};