import * as React from 'react';

type TagVariant = 'default' | 'success' | 'error' | 'info' | 'neutral';
interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
    /**
     * The visual style variant of the tag
     * @default 'default'
     */
    variant?: TagVariant;
    /**
     * The content of the tag
     */
    children: React.ReactNode;
}
/**
 * Tag component - Arbor Design System
 *
 * A label component for categorization and status indication.
 * Uses pill shape (99px radius) with semantic color variants.
 *
 * @example
 * ```tsx
 * <Tag variant="success">Active</Tag>
 * <Tag variant="error">Overdue</Tag>
 * <Tag variant="info">New</Tag>
 * ```
 */
declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLSpanElement>>;

export { Tag, type TagProps, type TagVariant };