text: import React, { Component } from 'react';
  
  class SearchBar extends Component {
  	constructor(props) {
  		super(props);
  		this.state = { term: '' };
  	}
  	render() {
  		return (
  			<div className="search-bar">
  				<input
  					value={this.state.term}
  					onChange={event => this.onInputChange(event.target.value)}
  				/>
  			</div>
  		);
  	}
  
  	onInputChange(term) {
  		this.setState({ term });
  		this.props.onSearchTermChange(term);
  	}
  }
  
  export default SearchBar;
  