import * as React from 'react';
import { ITableRowProps } from '../table';
import { IDataTableCellData, IDataTableColumn, IDataTableColumnRenderable } from './data-table-types';
export interface IDataTableRowProps<ItemType extends object = any> extends ITableRowProps {
    /** The item */
    item: ItemType;
    /** index of the item */
    index: number;
    /** Show row highlight on hover */
    hover?: boolean;
    /** column information */
    columns: Array<IDataTableColumn<ItemType> | null | undefined | false>;
    /** A function that will be called when a row is clicked. */
    onRowClick?(event: React.MouseEvent<HTMLTableRowElement>, item: IDataTableCellData<ItemType>): void;
    /** If passed items will be rendered with a collapsable container. */
    renderItemDetails?(item: ItemType): React.ReactNode;
    /** If passed will call to return a custom row component  */
    componentRenderer?(item: ItemType, index: number): React.ElementType<HTMLTableRowElement>;
}
export declare const isRenderableColumn: (column: IDataTableColumn) => column is IDataTableColumnRenderable;
export declare function DataTableRow<ItemType extends object = any>(props: IDataTableRowProps<ItemType>): React.JSX.Element;