import React, { FC } from 'react';
import cx from 'classnames';

export interface Props {
    className?: string;
    index: number;
    size?: number;
    subIndex?: number;
}

const CLASSNAME = 'SeriesIcon';

const SeriesIcon: FC<Props> = ({
    index, className, subIndex = 0, size = 15
}) =>
    (
        <svg className={cx(CLASSNAME, className)} viewBox="0 0 100 100" width={size} height={size}>
            <circle className={cx(`bg-dataviz-${index}`, `bg-dataviz-${index}-${subIndex}`)} cx="50" cy="50" r="38" />
        </svg>
    );

export default SeriesIcon;