content: import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import { filterIpMap } from 'ipmaps/actions/';
  import { bindActionCreators } from 'redux';
  
  class SearchBar extends Component {
    constructor(props) {
      super(props);
  
      this.state = { searchText: '' };
    }
  
    onInputChange(event) {
      this.props.filterIpMap(event.target.value);
      this.setState({ searchText: event.target.value });
    }
  
    render() {
      return (
        <input
            placeholder="Search a customer"
            type="text"
            value={this.state.searchText}
            onChange={this.onInputChange.bind(this)}
            className="form-control"
            />
      );
    }
  }
  
  function mapDispatchToProps(dispatch) {
    return bindActionCreators({ filterIpMap: filterIpMap }, dispatch);
  }
  
  export default connect(null, mapDispatchToProps)(SearchBar);
  