import { default as React } from 'react';

export type TagTone = 'neutral' | 'success' | 'info' | 'warning' | 'error' | 'outline';
/** @deprecated Use `"error"` instead. Kept for backwards compatibility. */
export type LegacyTagTone = 'danger';
export type TagShape = 'rounded' | 'pill';
/** `xs` is only meaningful with `shape="pill"`. `md` is only meaningful with `shape="rounded"` — pill defaults to `sm`. */
export type TagSize = 'xs' | 'sm' | 'md';
/** Pass a tuple [mobile, desktop] to apply different sizes per breakpoint. */
export type ResponsiveTagSize = TagSize | readonly [TagSize, TagSize];
export interface TagProps {
    children: React.ReactNode;
    tone?: TagTone | LegacyTagTone;
    shape?: TagShape;
    size?: ResponsiveTagSize;
    bordered?: boolean;
    /** Decorative icon rendered on the left side of the label. Never becomes an action button. */
    leadingIcon?: React.ReactElement;
    /** Icon rendered on the right side of the label. */
    icon?: React.ReactElement;
    /** When provided, icon becomes a focusable <button>. */
    onAction?: () => void;
    /** Required when onAction is set — used as aria-label on the action button. */
    actionLabel?: string;
    className?: string;
    'data-testid'?: string;
}
export declare function Tag({ children, tone, shape, size, bordered, leadingIcon, icon, onAction, actionLabel, className, 'data-testid': dataTestId, }: TagProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Tag.d.ts.map