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

import Board from '../board/Board';
import Welcome from '../welcome/Welcome';
import { MODE } from './Constants';

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

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

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

export default connect(select)(App);