/** @jsx jsx */
import { TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes, ComponentType } from 'react';
export interface ITrProps<T> {
    index: number;
    value: T;
}
export interface ITableProps<T = any> extends TableHTMLAttributes<HTMLTableElement> {
    /**
     * Array containing the data to display
     */
    data: T[];
    /**
     * Component that will render each row. It will receive two props: index and value.
     */
    Tr: ComponentType<ITrProps<T>>;
    /**
     * Optional component to display if the data is empty.
     */
    Empty?: ComponentType;
    /**
     * Optional component to render the header. It will be placed inside a <thead> element.
     */
    Header?: ComponentType;
    /**
     * Should the table rows have zebra striping
     */
    striped?: boolean;
    pagination?: boolean;
    itemsPerPage?: number;
}
export declare function Table(props: ITableProps): JSX.Element;
export declare type ITdProps = TdHTMLAttributes<HTMLTableDataCellElement>;
export declare function Td(props: ITdProps): JSX.Element;
export declare type IThProps = ThHTMLAttributes<HTMLTableHeaderCellElement>;
export declare function Th(props: IThProps): JSX.Element;