import type {HTMLAttributes, ReactNode} from 'react';
import type {ColorsNameType} from '../../../../types/entities/colors-name';

export type DotVariantsType = 'fill' | 'radiate' | 'outline';

export type DotSizesType = 'sm' | 'md' | 'lg';
export type DotColorsType = ColorsNameType;

export interface IDot extends HTMLAttributes<HTMLSpanElement> {
    children?: ReactNode;
    size?: DotSizesType;
    variant?: DotVariantsType;
    color?: DotColorsType;
}