/// <reference types="react" />
export declare type alignOptions = 'left' | 'center' | 'right' | 'justify' | 'char';
export interface IRemoteTableColumn {
    name: string;
    key: string;
    hide?: boolean;
    align?: alignOptions;
    custom?: boolean;
    disableSort?: boolean;
    customComponent?(row: any): React.ReactNode;
    headerStyle?: object;
    rowStyle?: object;
}
export interface IRowCell {
    columnKey: string;
    hide?: boolean;
    rowStyle?: object;
    align: alignOptions;
    value: string | React.ReactNode;
}
export interface IHeaderCell {
    onSortChange?(e: ISortChangeEvent): any;
    hide?: boolean;
    columnKey: string;
    sortDirection?: 'asc' | 'desc';
    disableSort: boolean;
    value: string | object;
    headerStyle?: object;
}
export interface IRow {
    key?: string;
    cells: IRowCell[];
}
export interface IHeader {
    cells: IHeaderCell[];
}
export interface ISortChangeEvent {
    sortDirection: 'asc' | 'desc';
    key: string;
}
export interface IRemoteTableProps {
    onRowClick?(row: any): any;
    onSortChange?(e: ISortChangeEvent): any;
    className?: string;
    data: any[];
    columns: IRemoteTableColumn[];
    rowsPerPage?: number;
    onLoadMore?(): any;
    showMoreButton?: boolean;
    emptyTableComponent?: any;
    tableTestId?: string;
}