import React, { ReactNode, Component } from 'react';
import { DragDropContext, DropResult } from 'react-beautiful-dnd';
type SortDirectionType = 'ascending' | 'descending' | 'none';
interface BaseRowType {
    id: string;
    selected?: boolean;
    disabled?: boolean;
    error?: boolean;
    [key: string]: string | number | boolean | undefined | Record<string, unknown> | ReactNode;
}
interface ColumnType<GenericCellType, GenericRowType> {
    order?: number;
    header?: ReactNode | string | number;
    align?: 'start' | 'center' | 'end';
    width?: string;
    sort?(cellA: GenericCellType, cellB: GenericCellType): number;
    render?(cell: GenericCellType, row: GenericRowType): React.JSX.Element;
}
export interface PropsType<GenericRowType extends BaseRowType> {
    as?: 'table' | 'card';
    rows: Array<GenericRowType>;
    columns: {
        [GenericColumnType in keyof Partial<GenericRowType>]: ColumnType<GenericRowType[GenericColumnType], GenericRowType>;
    };
    onSelection?(rows: Array<GenericRowType>): void;
    onDragEnd?(rows: Array<GenericRowType>, dropResult: DropResult): void;
    'data-testid'?: string;
}
interface StateType {
    selectionStart: number;
    toggleAction: boolean;
    sorting?: {
        column: string;
        direction: SortDirectionType;
    };
}
declare class Table<GenericRowType extends BaseRowType> extends Component<React.PropsWithChildren<PropsType<GenericRowType>>, StateType> {
    constructor(props: PropsType<GenericRowType>);
    private dragEndHandler;
    private handleSelection;
    private handleHeaderCheck;
    private getHeaderState;
    private handleSort;
    private sortRows;
    render(): React.JSX.Element;
}
export default Table;
export { DragDropContext, ColumnType, BaseRowType, SortDirectionType };