import { HTMLAttributes } from 'react';
import * as React from 'react';
import { IconName } from '../../types/icon';
import { PopoverContent } from '../Tooltip/types';
export type BadgeColor = 'blue' | 'red' | 'green' | 'orange' | 'purple' | 'darkgrey' | 'brand';
export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
    text?: React.ReactNode;
    color: BadgeColor;
    icon?: IconName;
    tooltip?: PopoverContent;
}
export declare const Badge: React.NamedExoticComponent<BadgeProps> & {
    Skeleton: (props: unknown) => import("react/jsx-runtime").JSX.Element;
};