import * as i0 from "@angular/core";
import * as i1 from "../../common/sapphire-view-encapsulation";
type Color = 'positive' | 'negative' | 'warning' | 'informative' | 'neutral' | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16;
type Variant = 'primary' | 'secondary';
type Size = 'sm' | 'md';
/**
 * Badges are a good fit for showing short complementary information in context.
 * The badge label should be kept short, sentence cased and in past tense as much as possible.
 */
export declare class BadgeComponent {
    role: string;
    /**
     * A unique id for the host DOM element.
     * If none is supplied, it will be auto-generated.
     */
    id: string;
    /**
     * @default 'md'
     */
    size?: Size;
    /**
     * Whether the badge has a saturated or faint background.
     *
     * @default 'primary'
     */
    variant?: Variant;
    /**
     * The background color of the badge.
     * Can either be semantic or one of the named decorative color.
     *
     * @default 'neutral'
     */
    color?: Color;
    private get classNames();
    constructor();
    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "sp-badge", never, { "id": "id"; "size": "size"; "variant": "variant"; "color": "color"; }, {}, never, ["*"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
}
export {};