import React from 'react';

class GridField extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            currentObj: 'w',
            obj: this.props.obj,
            active: false
        };
    }

    isActive() {
        return 'field'
            + (this.state.active === true ? ' active' : '')
            + (this.state.active === true && this.state.obj === 'm' ? ' mine' : '');
    }

    render() {
        return (
            <div className={this.isActive()} onClick={this.props.onClick}>
                {this.state.currentObj}
            </div>
        );
    }
}

export default GridField;