import React from 'react';
export type BadgeIntent = 'neutral' | 'primary' | 'success' | 'warning' | 'error' | 'information';
export type BadgeSize = 'sm' | 'md' | 'lg';
export type BadgeShape = 'pill' | 'rounded';
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
    /** Matches the Figma `Intent` variant. */
    intent?: BadgeIntent;
    /**
     * Figma's `Size` variant. Heights are 20 / 24 / 32, pinned rather than
     * derived from padding. `sm` is the default and is the size this component
     * shipped with before the ramp existed.
     */
    size?: BadgeSize;
    /**
     * Figma's `Shape` variant. `rounded` steps its corner with the size so the
     * radius stays proportional; `pill` is fully round at every size.
     */
    shape?: BadgeShape;
    /**
     * Show the leading dot marker. Figma's `Show Dot` boolean.
     * The dot inherits the intent's foreground colour, so it needs no prop.
     */
    dot?: boolean;
    /** Leading icon. Figma's `Show Icon` + `Icon` swap. Mutually exclusive with `dot`. */
    icon?: React.ReactNode;
    children?: React.ReactNode;
}
/**
 * Badge is presentational — no role, no interaction. React Aria has nothing to
 * offer here, so this is a plain span rather than a hook wrapper for its own
 * sake.
 *
 * It carries no `status` or `alert` role on purpose: a badge is a label on
 * something else, and announcing it as a live region would interrupt screen
 * reader users on every render. Wrap it yourself if the value genuinely changes
 * and matters.
 */
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
//# sourceMappingURL=Badge.d.ts.map