import React from 'react';
declare type TableBodyCellProps = {
    rightAligned?: boolean;
    onClick?: (e?: React.MouseEvent<HTMLTableDataCellElement>) => void;
    isCheckbox?: boolean;
    className?: string;
    children?: React.ReactNode;
    style?: React.CSSProperties;
    /**
     * Accessibility props
     */
    'aria-label'?: string;
    'aria-hidden'?: boolean;
};
export declare const TableBodyCell: React.FC<TableBodyCellProps>;
export declare const TableBodyRow: React.ForwardRefExoticComponent<({
    onClickRow?: ((e?: React.MouseEvent<HTMLTableRowElement, MouseEvent> | undefined) => void) | undefined;
    className?: string | undefined;
    connectedToPrevious?: boolean | undefined;
    children?: React.ReactNode;
    style?: React.CSSProperties | undefined;
    /**
     * Accessibility props
     */
    'aria-label'?: string | undefined;
    'aria-hidden'?: boolean | undefined;
} & React.RefAttributes<HTMLTableRowElement>) | ({
    onClickRow?: ((e?: React.MouseEvent<HTMLTableRowElement, MouseEvent> | undefined) => void) | undefined;
    className?: string | undefined;
    connectedToPrevious?: boolean | undefined;
    children?: React.ReactNode;
    style?: React.CSSProperties | undefined;
    /**
     * Accessibility props
     */
    'aria-label'?: string | undefined;
    'aria-hidden'?: boolean | undefined;
} & {
    onSelect: (e?: React.ChangeEvent<HTMLInputElement> | undefined) => void;
    selected: boolean;
    selectId: string;
    checkboxLabel: string;
} & React.RefAttributes<HTMLTableRowElement>)>;
declare type TableHeadCellProps = {
    rightAligned?: boolean;
    className?: string;
    /**
     * set fixed columns width
     */
    width?: number;
    children?: React.ReactNode;
    style?: React.CSSProperties;
    /**
     * Accessibility props
     */
    'aria-label'?: string;
    'aria-hidden'?: boolean;
} & ({
    sortDirection: 'ASC' | 'DESC' | 'NONE';
    onClick: (e?: React.MouseEvent<HTMLTableHeaderCellElement>) => void;
} | {});
export declare const TableHeadCell: React.FC<TableHeadCellProps>;
declare type TableHeading = {
    label: string;
    id: string;
    rightAligned?: boolean;
    /**
     * set fixed columns width
     */
    width?: number;
};
declare type TableProps = {
    paging?: React.ReactNode;
    fullWidth?: boolean;
    compact?: boolean;
    className?: string;
    /**
     * Sets borders on table.
     */
    bordered?: boolean;
    /**
     * used to render skeleton.
     * @default rows is 20
     *
     * Spescify columns when rendering headings using `headerCells`
     * @default columns is 5
     */
    dimension?: {
        rows?: number;
        columns?: number;
    };
    /**
     * used to render skeleton
     */
    loading?: boolean;
    children?: React.ReactNode;
    style?: React.CSSProperties;
    /**
     * Accessibility props
     */
    'aria-label'?: string;
    'aria-hidden'?: boolean;
} & ({
    headerCells: React.ReactNode;
} | {
    headings: Array<TableHeading>;
}) & ({
    selected: Array<String | number>;
    allSelected: boolean;
    onSelectAll: (e?: React.ChangeEvent<HTMLInputElement>) => void;
    checkAllLabel?: string;
    uncheckAllLabel?: string;
} | {}) & ({
    onClickColumnHeader: (columnId: string | number, e?: React.MouseEvent<HTMLTableHeaderCellElement>) => void;
    sortedColumnId: string | number;
    sortedColumnDirection: 'ASC' | 'DESC' | 'NONE';
} | {}) & ({
    tableIsEmpty: boolean;
    emptyTableTitle: string;
    emptyTableDescription?: string;
    emptyTableButton?: {
        label: string;
        onClick: () => void;
    };
} | {});
export declare const Table: React.FC<TableProps>;
export {};