import * as React from 'react';
import type { BadgeContextValue, BadgeProps } from './types.js';
/** @internal Context for the `Badge` subtree: label, disabled state, remove function. */
export declare const BadgeProvider: React.FC<BadgeContextValue & {
    children: React.ReactNode;
}>, useBadgeContext: (consumerName: string) => BadgeContextValue;
/**
 * Headless badge. Purely a semantic/structural wrapper — color, size, and
 * variant are brand-layer concerns. With the default skin the axes are
 * independent and all author-set: severity on `data-status`, visual weight on
 * `data-variant` (`solid`, `outline`, `subtle`), the text-free circle on
 * `data-dot`, and the corner on `data-shape`.
 *
 * Standalone it renders a plain element with no role. Inside a `TagGroup` it
 * becomes `role="listitem"`, joins the group's single tab stop, and removes
 * itself on Delete/Backspace through a cancelable `delete` event.
 *
 * @example
 * ```tsx
 * <Badge status="success" leading={<CheckIcon aria-hidden />}>Active</Badge>
 *
 * <Badge index={0} label="react" deletable onDelete={() => remove('react')} />
 * ```
 */
export declare const Badge: {
    ({ as, leading, trailing, label: labelProp, index, selected, disabled: disabledProp, deletable, deleteLabel, onDelete, dot, shape, size, status, variant, children, ref: forwardedRef, ...props }: BadgeProps): React.ReactNode;
    displayName: string;
};