33 lines
665 B
33 lines
665 B
import styled from 'styled-components' |
|
// lib |
|
import * as styles from 'lib/styles/styles' |
|
|
|
const DropdownItem = ({ value, onClick }: Props) => { |
|
const text = value === "Origin" ? "Original" : value; |
|
|
|
return <Container onClick={onClick}>{text}</Container>; |
|
} |
|
|
|
const Container = styled.button` |
|
width: 100%; |
|
height: 40px; |
|
box-sizing: border-box; |
|
padding: 0 16px; |
|
transition: .1s ${styles.transition}; |
|
font-size: 14px; |
|
line-height: 40px; |
|
cursor: pointer; |
|
text-align: left; |
|
outline: none; |
|
|
|
&:focus, &:hover { |
|
background-color: rgba(0,0,0,.05); |
|
} |
|
`; |
|
|
|
interface Props { |
|
value: string; |
|
onClick: () => void; |
|
} |
|
|
|
export default DropdownItem |