content: import React from 'react';
  
  import Chat from './Chat';
  
  
  class SearchInput extends React.Component {
      constructor(props) {
          super(props);
  
  
          this.state = {
              val: ''
          };
  
  
      }
      onInputChange(val) {
          const {onSearchShange} = this.props;
  
          this.setState({val});
          onSearchShange(val);
      }
  
  
      render() {
  
          const {inp} = this.state;
  
          return (
              <div className="col-sm-12 search-input__wrap">
                  <input
                      className='top-search'
                      type="text"
                      placeholder='Search...'
                      onChange={ev => this.onInputChange(ev.target.value)}
                      ref='inp'
                      value={inp}
                  />
              </div>
          )
      }
  };
  
  
  
  
  export default SearchInput;