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';
}