/**
 * A chip is a small inline token that labels a piece of information, such as an attribute or a filter value.
 *
 * @slot default - The chip's content.
 * @slot start - Leading content, such as an icon, avatar or flag.
 * @slot key - A muted prefix naming what the content is the value of.
 * @slot end - Trailing content, such as an action button or a lock icon.
 * @part root - The outermost element of the chip.
 */
export declare class Chip {
    /** The meaning the chip's colour conveys. */
    status: "neutral" | "info" | "positive" | "warning" | "error" | "ai";
    /** The visual treatment of the chip. The ghost variant removes the surface fill. */
    variant: "default" | "ghost";
    /** Which step of the size scale to render at. */
    size: "s" | "m" | "l";
    /** Shows a dot before the content, coloured by the status. */
    dot: boolean;
    render(): import("@stencil/core/jsx-runtime").JSX.Element;
}