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

import { Component } from 'react';
import { connect } from 'react-redux';

export class Message extends Component {
    render() {
        var classname = ['message'];

        if (this.props.hidden === true) {
             classname.push('hidden');
        }

        return (
            <div className={classname.join(' ')}>
                {this.props.message}
                <br />
                Press Spacebar to continue.
            </div>
        );
    };
};

const select = (state) => {
    return state.message;
}

export default connect(select)(Message);