import { Component } from 'react';
import { connect } from 'react-redux';

import * as ModeActions from './actions/mode.actions';

import Board from './components/board/board.component';
import Welcome from './components/welcome/welcome.component';

export const SETTINGS = {
    GRID_WIDTH: 3,
    GRID_HEIGHT: 3,
    LIVES: 3
};

export default class App extends Component {
    render() {
        const { mode } = this.props;

        switch (this.props.mode) {
            case ModeActions.WELCOME:
                return <Welcome />;
            case ModeActions.BOARD:
                return <Board />;
        }
    };
};

const select = (state) => {
    return {
        mode: state.mode
    }
};

export default connect(select)(App);