require('../sass/reset.scss');

var React = require('react');
var ReactDom = require('react-dom');
var Board = require('./board/Board');
var Welcome = require('./welcome/Welcome');
var State = require('./State');

var App = React.createClass({
    getInitialState() {
        return {
            screen: 'board'
        };
    },

    handleKeydown(e) {
        if (this.state.screen === 'welcome' && e.keyCode === 32) {
            this.setState({ screen: 'board' });
        }
    },

    componentDidMount() {
        window.addEventListener('keydown', this.handleKeydown);
    },

    render() {
        if (this.state.screen === 'welcome') {
            return (<Welcome />);
        }
        else if (this.state.screen === 'board') {
            return (<Board />);
        }
    }
});

ReactDom.render(<App />, document.getElementById('app'));