import type {DotColorsType, IDot} from '../../atoms/dot';

export type DotLineVariantsType = 'normal' | 'active' | 'inactive';

export type DotLineSizesType = 'sm' | 'md' | 'lg' | 'xs';

export interface IDotLineContainer {
    variant?: DotLineVariantsType;
    size?: DotLineSizesType;
    dotSize?: IDot['size'];
}

export interface IDotLine extends IDotLineContainer {
    title: string;
    subtitle?: React.ReactNode;
    className?: string;
    dotProps?: Omit<IDot, 'size' | 'children'>;
    customColor?: DotColorsType;
    customDotVariant?: IDot['variant'];
    customLineVariant?: DotLineVariantsType;
}