Proyectos de Subversion LeadersLinked - SPA

import React, { useState } from 'react'

import { useSelector } from 'react-redux'

import { Search } from '@mui/icons-material'

import SearchInput from '../components/UI/Input'

import WidgetWrapper from 'components/widgets/WidgetLayout'

const withSearch = (Component = <></>, items = []) => {

  return function WithSearchComponent() {

    const [query, setQuery] = useState('')

    const labels = useSelector(({ intl }) => intl.labels)

    const handleInputChange = (e) => setQuery(e.target.value)

    return (

      <WidgetWrapper pt={1}>

        <SearchInput

          onChange={handleInputChange}

          placeholder={labels.search}

          icon={Search}

          width='auto'

          primary={false}

          mx={1}

        />

        <Component query={query} capsules={items} />

      </WidgetWrapper>

    )

  }

}

export default withSearch