Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 3499 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3499 Rev 3610
Línea 1... Línea 1...
1
import React from 'react';
1
import React from 'react';
2
import { useSelector } from 'react-redux';
-
 
3
import { Search } from '@mui/icons-material';
2
import { Search } from '@mui/icons-material';
Línea 4... Línea 3...
4
 
3
 
Línea 5... Línea 4...
5
import { Input } from './inputs';
4
import { Input } from './inputs';
6
 
5
 
-
 
6
export function SearchBar({
-
 
7
  onChange = () => {},
-
 
8
  placeholder = 'Buscar',
7
export function SearchBar({ onChange = () => {}, color = 'secondary', value }) {
9
  color = 'secondary',
8
  const labels = useSelector(({ intl }) => intl.labels);
10
  value
9
 
11
}) {
10
  return (
12
  return (
11
    <Input
13
    <Input
12
      icon={<Search />}
14
      icon={<Search />}
13
      value={value}
15
      value={value}
14
      onChange={(e) => onChange(e.target.value)}
16
      onChange={(e) => onChange(e.target.value)}
15
      placeholder={labels.search}
17
      placeholder={placeholder}
16
      variant='search'
18
      variant='search'
17
      color={color}
19
      color={color}
18
    />
20
    />