Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import React from 'react'
import { useForm } from 'react-hook-form'

const SearchList = ({ onChange = () => null }) => {
  const { register, getValues } = useForm()

  const handleSearch = () => {
    const searchValue = getValues('search')
    if (onChange) setTimeout(() => onChange(searchValue), [500])
  }

  return (
    <div className="search-box">
      <input
        type="text"
        name="search"
        className="form-control"
        ref={register}
        onKeyUp={handleSearch}
      />
      <button className='btn btn-search'>
        {LABELS.SEARCH}
      </button>
    </div>
  )
}

export default SearchList