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

import { Component } from 'react';
import Scorebar from './Scorebar';
import Titlebar from './Titlebar';
import Grid from './Grid';
import Message from './Message';
import Muncher from './Muncher';
import Input from './Input';

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

    componentWillUnmount() {
        window.removeEventListener('keydown', Input.keydown.bind(this));
    },

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