blob: bd967d3268d6c06245b35748689fa4896384bbb6 (
plain) (
tree)
|
|
import { styled } from '../../style/theme';
export interface CircleProps {
className?: string;
diameter: number;
fillColor?: string;
}
export const Circle =
styled.div <
CircleProps >
`
width: ${props => props.diameter}px;
height: ${props => props.diameter}px;
background-color: ${props => props.fillColor};
border-radius: 50%;
`;
Circle.displayName = 'Circle';
Circle.defaultProps = {
fillColor: 'white',
};
|