import React, { Component } from 'react';
import { reduxForm } from 'redux-form';

class FilterList extends Component {
  /**
   * Render method
   */
  render() {
    const {
      fields: {
        search
      },
      handleSubmit,
      onFilter
    } = this.props;

    return (<div>
        <form onSubmit={handleSubmit(onFilter.bind(this))}>
          <input type="search" value="" placeholder="Zoeken op..." {...search} />
          <button>Filter lijst</button>
        </form>
      </div>);
  }
}

/**
 * Proptypes
 */
FilterList.propTypes = {
  onFilter: React.PropTypes.func.isRequired,
};

FilterList = reduxForm({
  form: 'filterList',
  fields: ['search']
})(FilterList);

export default FilterList;