import { VNode } from 'vue';

interface DataViewProps {
    value?: any[];
    layout?: string;
    rows?: number;
    first?: number;
    totalRecords?: number;
    paginator?: boolean;
    paginatorPosition?: string;
    alwaysShowPaginator?: boolean;
    paginatorTemplate?: string;
    pageLinkSize?: number;
    rowsPerPageOptions?: number[];
    currentPageReportTemplate?: string;
    sortField?: string | ((item: any) => any);
    sortOrder?: number;
    lazy?: boolean;
}

interface DataViewSlotInterface {
    data: any;
    index: number;
}

declare class DataView {
    $props: DataViewProps;
    $emit(eventName: 'update:first', value: number): this;
    $emit(eventName: 'update:rows', value: number): this;
    $emit(eventName: 'page', event: Event): this;
    $slots: {
        header: VNode[];
        paginatorstart: VNode[];
        paginatorend: VNode[];
        list: DataViewSlotInterface;
        grid: DataViewSlotInterface;
        empty: VNode[];
        footer: VNode[];
    }
}

export default DataView;