import { ComponentPropsWithoutRef, ReactNode } from 'react'; import { BadgeDotAppearance, BadgeDotEmphasis } from '@viasat/beam-shared/components/badgeDot'; import { ThemeTypes } from '@viasat/beam-shared/utils/constants'; /** * # A11y things that a user must do: * - aria-label: use when no visible text is present to add a description to the dot * * # A11y things that we should do: * - aria-describedby: to associate the dot with the text if text is present * - aria-label: to add a description to the dot when no visible text is present */ export interface BadgeDotProps extends ComponentPropsWithoutRef<'span'> { /** * Provide text for the BadgeDot */ children?: ReactNode; /** * Specify the theme of the BadgeDot. By default it inherits the theme from the parent */ theme?: ThemeTypes; /** * Specify the appearance of the BadgeDot * @default 'infoPrimary' */ appearance?: BadgeDotAppearance; /** * Specify the emphasis of the BadgeDot * @default 'strong' */ emphasis?: BadgeDotEmphasis; /** * Overrides default dot color */ overrideDotColor?: string; } export declare const BadgeDot: import('react').ForwardRefExoticComponent>;