import * as React from 'react';

interface DataViewLayoutOptionsProps {
    id?: string,
    layout?: string,
    style?: string,
    className?: string,
    onChange(e: {originalEvent: Event, value: string}): void
}

export class DataViewLayoutOptions extends React.Component<DataViewLayoutOptionsProps,any> {}

interface DataViewProps {
    id?: string,
    header?: JSX.Element | string,
    footer?: JSX.Element | string,
    value?: any[],
    layout?: string,
    rows?: number,
    first?: number,
    totalRecords?: number,
    paginator?: boolean;
    paginatorPosition?: string;
    alwaysShowPaginator?: boolean;
    paginatorTemplate?: string;
    paginatorLeft?: any;
    paginatorRight?: any;
    pageLinkSize?: number;
    rowsPerPageOptions?: number[];
    currentPageReportTemplate?: string;
    emptyMessage?: string,
    sortField?: string,
    sortOrder?: number,
    style?: string,
    className?: string,
    lazy?: boolean,
    onPage?(e: {originalEvent: Event, first: number, rows: number}): void,
    itemTemplate?(item: any, layout: "grid" | "list"): JSX.Element | undefined
}

// tslint:disable-next-line:max-classes-per-file
export class DataView extends React.Component<DataViewProps,any> {}