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

export class Option extends Component {
    render() {
        const className = ['option'];
        console.log(this.props.selected + ' ' + this.props.index)

        if (this.props.selected === this.props.index) {
            className.push('selected');
        }

        return (
            <div className={className.join(' ')}>{this.props.value}</div>
        );
    };
};

const select = (state) => {
    return {
        selected: state.options
    };
};

export default connect(select)(Option);