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;