Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

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