import { PureComponent, Validator, Requireable } from 'react'
import { GridProps } from './Grid'

export type MultiGridProps = {
    fixedColumnCount: number;
    fixedRowCount: number;
    style: React.CSSProperties;
    styleBottomLeftGrid: React.CSSProperties;
    styleBottomRightGrid: React.CSSProperties;
    styleTopLeftGrid: React.CSSProperties;
    styleTopRightGrid: React.CSSProperties;
} & GridProps;

export type MultiGridState = {
    scrollLeft: number,
    scrollTop: number
}

/**
 * Renders 1, 2, or 4 Grids depending on configuration.
 * A main (body) Grid will always be rendered.
 * Optionally, 1-2 Grids for sticky header rows will also be rendered.
 * If no sticky columns, only 1 sticky header Grid will be rendered.
 * If sticky columns, 2 sticky header Grids will be rendered.
 */
export class MultiGrid extends PureComponent<MultiGridProps, MultiGridState> {
    static propTypes: {
        fixedColumnCount: Validator<number>,
        fixedRowCount: Validator<number>,
        style: Validator<React.CSSProperties>,
        styleBottomLeftGrid: Validator<React.CSSProperties>,
        styleBottomRightGrid: Validator<React.CSSProperties>,
        styleTopLeftGrid: Validator<React.CSSProperties>,
        styleTopRightGrid: Validator<React.CSSProperties>
    };

    static defaultProps: {
        fixedColumnCount: 0,
        fixedRowCount: 0,
        style: {},
        styleBottomLeftGrid: {},
        styleBottomRightGrid: {},
        styleTopLeftGrid: {},
        styleTopRightGrid: {}
    };

    constructor(props: MultiGridProps, context: any);

    forceUpdateGrids(): void;

    /** See Grid#invalidateCellSizeAfterRender */
    invalidateCellSizeAfterRender(params?: {
        columnIndex?: number,
        rowIndex?: number
    }): void;

    /** See Grid#measureAllCells */
    measureAllCells(): void;

    /** See Grid#recomputeGridSize */
    recomputeGridSize(params?: {
        columnIndex?: number,
        rowIndex?: number
    }): void;

    componentDidMount(): void;

    componentDidUpdate(prevProps: MultiGridProps, prevState: MultiGridState): void;

    componentWillMount(): void;

    componentWillReceiveProps(nextProps: MultiGridProps, nextState: MultiGridState): void;

    render(): JSX.Element;
}