Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 7001 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6991 stevensc 1 
import React from 'react'
2 
import styled from 'styled-components'
3 
import SearchIcon from '@mui/icons-material/Search'
4 
 
5 
const StyledSearchBar = styled.div`
6 
  align-items: center;
7 
  background-color: #eef3f0;
8 
  border-radius: var(--border-radius);
9 
  color: gray;
10 
  cursor: pointer;
11 
  display: flex;
12 
  min-height: 1.5rem;
6992 stevensc 13 
  padding: 0.5rem;
6991 stevensc 14 
  width: -webkit-fill-available;
15 
  transition: all 0.2s;
16 
 
17 
  input {
18 
    border: none;
19 
    outline: none;
20 
    background: none;
21 
    flex-grow: 1;
22 
  }
23 
`
24 
 
7003 stevensc 25 
const SearchInput = ({ onChange, value, placeholder = 'Search', ...rest }) => {
6991 stevensc 26 
  return (
27 
    <StyledSearchBar {...rest}>
28 
      <SearchIcon />
29 
      <input
30 
        type="text"
7003 stevensc 31 
        placeholder={placeholder}
6991 stevensc 32 
        onChange={onChange}
7001 stevensc 33 
        value={value}
6991 stevensc 34 
      />
35 
    </StyledSearchBar>
36 
  )
37 
}
38 
 
39 
export default SearchInput