Proyectos de Subversion LeadersLinked - SPA

import React, { useState } from 'react'

import React, { useState } from 'react';

import { useSelector } from 'react-redux'

import { useSelector } from 'react-redux';

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

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

import Widget from '@components/UI/Widget'

import Widget from '@components/UI/Widget';

import Input from '@components/UI/inputs/Input'

import Input from '@components/UI/inputs/Input';

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

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

  return function WithSearchComponent() {

  return function WithSearchComponent() {

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

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

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

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

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

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

    return (

    return (

      <Widget styles={{ paddingTop: '1rem' }}>

      <Widget styles={{ paddingTop: '1rem' }}>

        <Input

        <Input

          onChange={handleInputChange}

          onChange={handleInputChange}

          placeholder={labels.search}

          placeholder={labels.search}

          icon={<Search />}

          icon={<Search />}

          variant='search'

          variant='search'

        />

        />

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

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

      </Widget>

      </Widget>

    )

    );

  }

  };

}

}