import { LitElement } from "lit";
import type { StoryMeta } from "../../story-meta.js";
import "../icon/icon.js";
export declare const BADGE_VARIANTS: readonly ["default", "neutral", "info", "success", "warning", "danger"];
export type BadgeVariant = (typeof BADGE_VARIANTS)[number];
export declare const BADGE_APPEARANCES: readonly ["text", "count", "dot"];
export type BadgeAppearance = (typeof BADGE_APPEARANCES)[number];
/**
 * EdsBadge component.
 * Presentational badge for status, tags, and numeric counts.
 * Non-interactive and not in the tab order by default.
 * When `dismissible` is true, renders a focusable close button.
 *
 * @element eds-badge
 * @slot - Default slot for badge text/content
 * @event dismiss - Dispatched when the dismiss button is clicked
 */
export declare class EdsBadge extends LitElement {
    private localeController;
    static readonly storyMeta: StoryMeta;
    static styles: import("lit").CSSResult;
    /**
     * The status/color variant of the badge.
     */
    variant: BadgeVariant;
    /**
     * The visual style of the badge (text label, numeric count, or status dot).
     */
    appearance: BadgeAppearance;
    /**
     * Whether to show a status dot inside the badge (on the left of the text).
     */
    dot: boolean;
    /**
     * The style of the status dot: 'filled' or 'hollow'.
     */
    dotType: "filled" | "hollow";
    /**
     * Whether the badge has a dismiss button.
     */
    dismissible: boolean;
    /**
     * Accessible label for the dismiss button.
     */
    dismissLabel: string;
    private handleDismiss;
    render(): import("lit").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        "eds-badge": EdsBadge;
    }
}
//# sourceMappingURL=badge.d.ts.map