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

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

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

    componentWillUnmount() {
        // remove event listener
    },

    render() {
        return (<div className='board'>
            <Scorebar />
            <Titlebar />
            <Message />
            <Grid width='6' height='5' ref='grid' />
            <Muncher ref='muncher' />
        </div>);
    }
});