/// <reference types="vite/client" />

// for css modules
declare module '*.css' {
  const classes: { [key: string]: string };
  export default classes;
}
declare module '*.scss' {
  const classes: { [key: string]: string };
  export default classes;
}
declare module '*.module.css' {
  const classes: { [key: string]: string };
  export default classes;
}
declare module '*.module.scss' {
  const classes: { [key: string]: string };
  export default classes;
}

interface Window {
  i18n: any;
}

// webpack definePlugin replacing variables
declare const __VERSION__: string;

declare module 'react-table' {
  interface TableOptions {}

  interface Empty {}

  interface SortByToggleProps {}

  interface Header {
    getHeaderProps(p: SortByToggleProps): { role?: string };
    getSortByToggleProps(): SortByToggleProps;
    render(x: string): string;
    id: string;
    isSorted: boolean;
    isSortedDesc: boolean;
  }

  interface HeaderGroup {
    getHeaderGroupProps(): { role?: string };
    headers: Header[];
  }

  interface Cell {
    getCellProps(): { role?: string };
    row: { original: { id: string } };
    column: { id: string };
    value: number;
  }

  interface Row {
    cells: Cell[];
    original: any;
  }

  export function useTable(
    options: TableOptions,
    useSortBy: useSortBy
  ): {
    state: any;
    headerGroups: HeaderGroup[];
    getTableProps(): { role?: string };
    setHiddenColumns: (columns: string[]) => void;
    rows: Row[];
    prepareRow(r: Row): void;
    toggleSortBy: (columnId: string, descending?: boolean, isMulti?: boolean) => void;
  };

  export function useSortBy(): Empty;
}