packages/website/ts/components/ui/circle.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import * as React from 'react';

export interface CircleProps {
    className?: string;
    diameter: number;
    fillColor: string;
}

export const Circle: React.StatelessComponent<CircleProps> = ({ className, diameter, fillColor }) => {
    const radius = diameter / 2;
    return (
        <svg className={className} height={diameter} width={diameter}>
            <circle cx={radius} cy={radius} r={radius} fill={fillColor} />
        </svg>
    );
};