import * as React from 'react';
export type ClientTableEntry = {
    [key: string]: unknown;
};
export type ClientFieldFactory<T extends ClientTableEntry = ClientTableEntry> = (entry: T) => string;
export type ClientTableColumn<T extends ClientTableEntry> = {
    /** How to determine the values for column */
    field: ClientFieldFactory<T> | keyof T;
    /** Override the default formatter for this field */
    formatter?: (value: any) => string;
    /** The label to be displayed on the header */
    label: string;
};
export type ClientTableDropdownOptions<T extends ClientTableEntry> = {
    icon?: React.ComponentType<Omit<React.SVGProps<SVGSVGElement>, 'ref'>>;
    label: string;
    onSelection: (column: ClientTableColumn<T>) => void;
}[];
export type ClientTableColumnProps<T extends ClientTableEntry> = {
    column: ClientTableColumn<T>;
    dropdownOptions?: ClientTableDropdownOptions<T>;
};
export type ClientTableProps<T extends ClientTableEntry> = {
    [key: `data-${string}`]: unknown;
    className?: string;
    columnDropdownOptions?: ClientTableDropdownOptions<T>;
    columns: ClientTableColumn<T>[];
    data: T[];
    entriesPerPage?: number;
    minRows?: number;
    noWrap?: boolean;
    onEntryClick?: (entry: T) => void;
};
export declare const ClientTable: <T extends ClientTableEntry>({ className, columnDropdownOptions, columns, data, entriesPerPage, minRows, noWrap, onEntryClick, ...props }: ClientTableProps<T>) => import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ClientTable.d.ts.map