import * as React from 'react';
export type BlockColor = 'primary' | 'chart-1' | 'chart-2' | 'chart-3' | 'chart-4' | 'chart-5' | 'success' | 'info' | 'warning' | 'destructive';
export interface PillBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
    children: React.ReactNode;
    icon?: React.ReactNode;
    color?: BlockColor;
}
/**
 * Small outlined tag used as "eyebrow" text above marketing headlines.
 *
 * @description
 * A compact, token-driven chip (e.g. "AI ADOPTION PLATFORM") that pairs an
 * optional leading icon with short uppercase text, tinted via the shared
 * color-chip palette so it reskins across all Xertica-ui themes.
 *
 * @ai-rules
 * 1. Keep `children` short — this is an eyebrow label, not a paragraph.
 * 2. Pass `icon` as a small lucide-react icon element; it is sized automatically.
 * 3. Use `color` to match the section's accent; defaults to `primary`.
 */
export declare function PillBadge({ children, icon, color, className, ...props }: PillBadgeProps): React.JSX.Element;