text: import React from 'react';
  
  class SearchBar extends React.Component {
    state = { term: '' };
  
    onFormSubmit = event => {
      event.preventDefault();
  
      this.props.onSubmit(this.state.term);
    };
  
    render() {
      return (
        <div className="ui segment">
          <form onSubmit={this.onFormSubmit} className="ui form">
            <div className="field">
              <label>Image Search</label>
              <input
                type="text"
                value={this.state.term}
                onChange={e => this.setState({ term: e.target.value })}
              />
            </div>
          </form>
        </div>
      );
    }
  }
  
  export default SearchBar;
  