import { CSSResultArray, PropertyValues, TemplateResult } from 'lit';
import { LuzmoElement } from '../../utils/base';
export type BadgeSemanticVariants = 'accent' | 'neutral' | 'informative' | 'positive' | 'negative' | 'notice';
export type BadgeNonSemanticVariants = 'seafoam' | 'indigo' | 'purple' | 'fuchsia' | 'magenta' | 'yellow' | 'gray' | 'red' | 'orange' | 'chartreuse' | 'celery' | 'green' | 'cyan' | 'blue';
export type BadgeVariants = BadgeSemanticVariants | BadgeNonSemanticVariants;
export declare const validBadgeVariants: BadgeVariants[];
export type BadgeTreatments = 'outline' | 'fill';
export type BadgeFixed = 'block-start' | 'block-end' | 'inline-start' | 'inline-end';
declare const LuzmoBadge_base: typeof LuzmoElement & {
    new (...args: any[]): import("../../utils/observe-slot-text").SlotTextObservingInterface;
    prototype: import("../../utils/observe-slot-text").SlotTextObservingInterface;
} & {
    new (...args: any[]): import("../..").SizedElementInterface;
    prototype: import("../..").SizedElementInterface;
};
/**
 * @element luzmo-badge
 *
 * @slot - text label of the Badge
 * @slot icon - an icon element to display within the Badge
 */
export declare class LuzmoBadge extends LuzmoBadge_base {
    static get styles(): CSSResultArray;
    private _variant;
    get variant(): BadgeVariants;
    set variant(variant: BadgeVariants);
    treatment: BadgeTreatments;
    fixed?: BadgeFixed;
    private handleIconSlotChange;
    protected get hasLabel(): boolean;
    protected render(): TemplateResult;
    protected updated(changes: PropertyValues): void;
    protected firstUpdated(changes: PropertyValues): void;
}
export {};