import { type ReactNode } from 'react';
export interface TagProps {
    /** The visible label text */
    label: string;
    /** Semantic colour variant */
    variant?: 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'brand';
    /** Visual fill style */
    fill?: 'solid' | 'outline';
    /** Size */
    size?: 'sm' | 'md' | 'lg';
    /** Leading slot — icon element or dot */
    leading?: ReactNode;
    /** Called when the tag is removed (enables close button + Backspace/Delete) */
    onRemove?: () => void;
    /** Called when the tag is clicked (non-removable interactive tag) */
    onClick?: () => void;
    /** Disabled state */
    disabled?: boolean;
    /** Max inline size before truncation with tooltip — default 'none' */
    maxInlineSize?: string | 'none';
    /** Additional class names */
    className?: string;
}
export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLElement>>;
//# sourceMappingURL=tag.d.ts.map