import * as React from 'react';
import { SxProp } from '../../system';
import { ColorScales } from '../../theme';
import { AsProp, ChildrenProp, HTMLAttributes, LiteralUnion } from '../../types';
export declare type BadgeColors = ColorScales;
export declare type BadgeVariants = 'outline' | 'solid' | 'subtle';
export interface BadgeProps extends HTMLAttributes, AsProp, ChildrenProp, SxProp {
    /** Color of the badge. */
    color?: LiteralUnion<BadgeColors>;
    /** Variant of the badge. */
    variant?: LiteralUnion<BadgeVariants>;
}
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>>;