import { default as React } from 'react';
import { Status } from '../../tokens/colors';
export type BadgeVariant = 'filled' | 'subtle';
export type BadgeProps = {
    children: React.ReactNode;
    className?: string;
    status?: Status;
    /**
     * Visual treatment.
     * - `'filled'` (default) — solid status-tinted background with white
     *   text. Use for prominent indicators where the badge needs to read
     *   from across the page.
     * - `'subtle'` — outline pill with mono-uppercase text on a quiet
     *   tinted background. Use as a category tag or kicker where the
     *   badge sits inside a larger card or list row and shouldn't shout.
     */
    variant?: BadgeVariant;
    block?: boolean;
    definition?: boolean;
    label?: string;
};
export declare const Badge: React.FC<BadgeProps>;
//# sourceMappingURL=Badge.d.ts.map