// Вспомогательный элемент - рендерит список опций для выбора
function InvSelectOptions(props) {
  let set_of_options = []

  set_of_options = props.values.map((value, index) => (
    <option key={`${value}_${index}`} selected={value == props.value} value={value}>
      {value}
    </option>
  ))

  return (
    <span>
      {set_of_options}
    </span>
  )
}

// Рендерит фильтр на форме
class InvFilter extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      value: this.props.value
    }
  }

  render() {
    console.log({InvFilter_this: this})
    return (
      <div>
        {
          this.props.select ? (
            <select value={this.state.value}>
              <InvSelectOptions values={this.props.values} value={this.state.value} />
            </select>
          ) : this.props.multiselect ? (
            <select multiple values={this.props.values}>
              <InvSelectOptions values={this.props.values} value={this.state.value} />
            </select>
          ) : (
            <input type={input_type} value={this.props.value} />
          )
        }
      </div>
    )
  }
}

module.exports = InvFilter