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

import { Component } from 'react';
import Scorebar from './scorebar.component';
// import Titlebar from './Titlebar';
import Grid from './grid.component';
// import Message from './Message';
import Muncher from './muncher.component';

import * as GridActions from '../../actions/board/grid.actions';
import * as MuncherActions from '../../actions/board/muncher.actions';
import * as ScorebarActions from '../../actions/board/scorebar.actions';

export default class Board extends Component {
    // A "munch" event affects several children. It needs a dispatch reference.
    munch() {
        this.props.dispatch(GridActions.updateValues(0, 0));
        this.props.dispatch(MuncherActions.munch());
        this.props.dispatch(ScorebarActions.update());
    };

    render() {
            // <Titlebar />
            // <Message />
        return (<div className='board'>
            <Scorebar />
            <Grid />
            <Muncher munch={this.munch} />
        </div>);
    };
};