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

var React = require('react');
var State = require('../State');
var Values = require('./Values');

module.exports = React.createClass({
    getInitialState() {
        return {
            title: Values.getDescription(State.level)
        };
    },

    componentDidMount() {
        State.subscribe('level/next', this.levelNext);
    },

    levelNext() {
        this.setState({ title: Values.getDescription(State.level) });
    },

    render() {
        return (<div className='titlebar'>{this.state.title}</div>);
    }
});