form SearchInput.tsx

100% Statements 6/6

100% Branches 0/0

100% Functions 4/4

100% Lines 5/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 2x
 
4x
 
 
 
 
4x
4x
4x
 
 
 
 
  import styled from "styled-components";
 
export const SearchInput = styled.input.attrs((_props) => ({
  type: "search",
}))`
  height: 26px;
  width: 125px;
  background-color: ${(props) => props.theme.colors.input.background};
  color: ${(props) => props.theme.colors.text};
  border: 1px solid ${(props) => props.theme.colors.toolbar.button.border};
  border-radius: 20px;
  font-size: 13px;
  padding: 0px 10px;
`;