import React from 'react';

class FieldSelect extends React.Component {

  render() {

    return (
      <div className="box-content">
        <div className="columns">
          <div className="column-6">
            <div className="field field-info">
              <h3 className="field-info-title">{this.props.title}</h3>
              <p className="field-info-text">{this.props.desc}</p>
            </div>
          </div>
          <div className="column-6">
            <div className="field">
              <label htmlFor={this.props.name}>{this.props.title}</label>
              <select name={this.props.name} id={this.props.name} onChange={this.props.onChange}>
                <option value="1">Small</option>
                <option value="2">Medium</option>
                <option value="3">Large</option>
              </select>
            </div>
          </div>
        </div>
      </div>
    )
  }

}

export default FieldSelect;
