// This file is part of Indico. 
// Copyright (C) 2002 - 2020 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details. 

import React from 'react';
import PropTypes from 'prop-types';

export default class SearchBox extends React. Component {
  static propTypes = {
    setKeyword: PropTypes.func.isRequired,
  };

  render() {
    const {setKeyword} = this.props;
    return (
      <div className="toolbar">
        <div className="group">
          <span className="i-button label">
            <span className="icon-search" />
          </span>
          <input type="text" onChange={e => setKeyword(e.target.value.trim())} />
        </div>
      </div>
    );
  }
}
