import * as React from "react";

import {
    MmuiDefaultTableState,
    MmuiDefaultTable,
    MmuiDefaultTableProps,
} from "../../mmui-react-component";
import { MmuiBlueComponentMode } from "../modes";

export interface MmuiBlueDefaultTableProps extends MmuiDefaultTableProps {
    caption: string;
}

export interface MmuiBlueDefaultTableState extends MmuiDefaultTableState {

}

export class MmuiBlueDefaultTable <
    P extends MmuiBlueDefaultTableProps,
    S extends MmuiBlueDefaultTableState
> extends MmuiDefaultTable<P, S> {

    constructor(props) {
        super(props);

        // css classes to apply to the rendered table
        this.tableClassNameList = ['mm-table'];
    }

    renderComponentMode(mode, loadingImage) {
        return (
            <MmuiBlueComponentMode
                mode={mode}
            />
        );
    }
}