import React, { HTMLAttributes } from 'react'; import { ColorProp } from '../../types/color'; export interface BadgeProps extends Pick, 'className' | 'style' | 'children'> { /** * The content rendered within the badge. */ badgeContent?: React.ReactNode; /** * The color of the component * @default 'secondary' */ color?: ColorProp; /** * Hides Badge * @default false */ invisible?: boolean; /** * Controls whether the badge is hidden when badgeContent is zero. * @default false */ showZero?: boolean; /** * Max count to show. * @default 99 */ max?: number; /** * The variant to use. * @default 'standard' */ variant?: 'dot' | 'standard'; /** * Position of relative badge * @default 'top-right' */ anchorOrigin?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'; }