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

var React = require('react');
var Scorebar = require('./Scorebar');
var Grid = require('./Grid');
var Message = require('./Message');
var Muncher = require('./Muncher');

module.exports = React.createClass({
/*
    componentDidMount() {
        window.addEventListener('keydown', UserInput.keydown.bind(this));
    },

    componentWillUnmount() {
        // remove event listener
    },

    munch(x, y) {
        var i = y * this.props.width + x;

        if (this.state.values[i] === "") {
            return;
        }

        if (Values.validate(this.state.values[i], Game.level)) {
            this.state.values[i] = "";
            this.setState({ values: this.state.values });
        }

        //if (Game.checkWin(this.state.values) === true) {
        //    Game.state.nextLevel();
        //    this.setState({ values: this.generateValues() });
        //}
        //Game.checkLoss();
    },
            <Character ref='ourhero1' />
*/
    render() {
        return (<div className='board'>
            <Scorebar />
            <Message />
            <Grid width='6' height='5' />
            <Muncher />
        </div>);
    }
});