import type { MouseEventHandler, ReactNode } from 'react';
/**
 * Peek's Chip (2026-08-28), verbatim: a 20px pill in one of six colour
 * types, with room for a 12px icon either side. Under Signal the label is
 * mono and the coloured types carry a hairline, as Peek has it. The icon
 * slots centre their icon (Ship's addition — an icon beside text otherwise
 * rides on the baseline).
 *
 * The label is the `chip` type token, 11px / 500. It used to be spelled as a
 * plain class under a note that it must never be merged; `cn()` knows the ramp
 * now, so a token size survives beside a colour and the note is retired.
 */
export type ChipType = 'neutral' | 'brand' | 'info' | 'warning' | 'success' | 'error';
export interface ChipProps {
    type?: ChipType;
    label?: string;
    leadingIcon?: ReactNode;
    trailingIcon?: ReactNode;
    /**
     * The chip is a link: a real anchor with the chip's own round shape, so the
     * keyboard ring is round too. It sits above a row's covering `Link`, so the
     * row opens one thing and the chip another (UIG-33, Katerina 28 September).
     */
    href?: string;
    /** With `href`: a router app takes the click here, like `Link`. */
    onClick?: MouseEventHandler<HTMLAnchorElement>;
    className?: string;
}
export declare function Chip({ type, label, leadingIcon, trailingIcon, href, onClick, className }: ChipProps): import("react").JSX.Element;
//# sourceMappingURL=Chip.d.ts.map