Search.jsx 846B

1234567891011121314151617181920212223242526272829303132
  1. import React from 'react'
  2. import PropTypes from 'prop-types'
  3. const Search = props => {
  4. return (
  5. <li className='header__menu__rightside__itemsearch'>
  6. <div className='header__menu__rightside__itemsearch__search input-group'>
  7. <input
  8. type='text'
  9. className='search__input form-control'
  10. placeholder='Rechercher un dossier ..'
  11. aria-describedby='headerInputSearch'
  12. onChange={props.onChangeInput}
  13. />
  14. <span
  15. className='search__addonsearch input-group-addon'
  16. id='headerInputSearch'
  17. onClick={props.onClickSubmit}
  18. >
  19. <i className='fa fa-search' />
  20. </span>
  21. </div>
  22. </li>
  23. )
  24. }
  25. export default Search
  26. Search.propTypes = {
  27. onChangeInput: PropTypes.func.isRequired,
  28. onClickSubmit: PropTypes.func.isRequired
  29. }