import type { HTMLAttributes, ReactNode } from 'react';
export interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
    /** `blue` = filled brand-blue chip for the highlighted offer; `neutral` = light-gray chip with muted text. */
    tone?: 'blue' | 'neutral';
    /** Short uppercase label, one to three words, e.g. "Dieses Angebot". */
    children: ReactNode;
}
/**
 * Small uppercase label chip (`.kwac-offer-chip`). Sits at the top of an
 * `OfferCard`; `tone="blue"` marks the offer the listing is about, `tone="neutral"`
 * marks alternatives. Text is rendered uppercase with wide tracking by CSS.
 */
export declare function Chip({ tone, className, children, ...rest }: ChipProps): import("react").JSX.Element;