17 lines
446 B
TypeScript
17 lines
446 B
TypeScript
import styled from 'styled-components/native'
|
|
|
|
type Props = {
|
|
size?: number
|
|
backgroundColor?: string
|
|
borderColor?: string
|
|
}
|
|
|
|
export const Circle = styled.View<Props>`
|
|
width: ${(props) => props.size ?? 12}px;
|
|
height: ${(props) => props.size ?? 12}px;
|
|
border-radius: ${(props) => (props.size ?? 12) / 2}px;
|
|
background-color: ${(props) => props.backgroundColor};
|
|
border-color: ${(props) => props.borderColor};
|
|
border-width: 1px;
|
|
`
|