import React from "react";
import Select from "react-select";
import { optionchangewrapper } from "utils/optionchangewrapper";

class SelectWrapper extends React.Component {
  handleOptionChange = selectedOption => {
    const { onOptionChanged, optionName } = this.props;
    onOptionChanged({
      optionName,
      optionValue: selectedOption
    });
  };

  render() {
    let { value, options, choices } = this.props;
    return (
      <Select
        value={options[value]}
        onChange={this.handleOptionChange}
        options={choices}
      />
    );
  }
}
export default optionchangewrapper(SelectWrapper);