import React from "react";
import type { ChipColorKey, ChipColorScheme } from "../util/chip_colors.js";
export type { ChipColorKey, ChipColorScheme };
export interface ChipProps {
    className?: string;
    children: React.ReactNode;
    size?: "smallest" | "small" | "medium" | "large";
    colorScheme?: ChipColorScheme | ChipColorKey;
    /**
     * How a coloured chip paints its hue. `tinted` (the default) is the hue at
     * low alpha behind hue-coloured ink: a label, not a block, and the rule the
     * chrome follows for colour everywhere else (a dot, an icon, an outline, a
     * tint — never a fill). `filled` is the palette's solid stop, for the few
     * places that want a swatch: a colour picker, a legend. A custom scheme
     * without tint values falls back to `filled`.
     */
    variant?: "tinted" | "filled";
    error?: boolean;
    outlined?: boolean;
    onClick?: () => void;
    icon?: React.ReactNode;
    style?: React.CSSProperties;
}
/**
 * @group Preview components
 */
export declare function Chip({ children, colorScheme, error, outlined, variant, onClick, icon, size, className, style }: ChipProps): React.JSX.Element;