import { CSSProperties } from 'vue';
import { ArcgisMapType } from '../ArcgisMap/core/createMap';

export interface PageProps {
    pageNumber?: number;
    pageSize?: number;
    total?: number;
}
export interface DataTableProps {
    mapInstance?: ArcgisMapType;
    showPagination?: boolean;
    showSelection?: boolean;
    pageData?: PageProps;
    tableData: any[];
    columns: columnsProps[];
    styles?: {
        tableStyle?: CSSProperties;
        paginationStyle?: CSSProperties;
    };
    loading?: boolean;
    infiniteScroll?: boolean;
}
export type columnsProps = {
    key: string | number;
    label: string;
    prop: string;
    width?: number;
    type?: 'custom' | 'default';
    align?: 'left' | 'center' | 'right';
    fixed?: 'left' | 'right';
    sortable?: string;
    formatter?: (row: any, column: any, cellValue: any, index: number) => any;
    children?: columnsProps[];
};