import { CSSProperties, ReactNode } from "react";
declare const tokenKinds: readonly ["atrule", "attr-name", "attr-value", "bold", "boolean", "builtin", "cdata", "char", "class-name", "comment", "constant", "deleted", "doctype", "entity", "function", "identifier", "important", "inserted", "italic", "keyword", "literal", "namespace", "number", "operator", "prolog", "property", "punctuation", "regex", "selector", "string", "symbol", "tag", "unknown", "url", "variable"];
/**
 * Valid values for the `kind` property for the {@link Token} component.
 * @group Components
 */
export type TokenKind = (typeof tokenKinds)[number];
/**
 * Shortcuts for {@link TokenKind} values.
 * @group Components
 */
export interface TokenQuickKinds {
    builtin?: boolean;
    identifier?: boolean | "class-name" | "namespace" | "property" | "symbol";
    keyword?: boolean;
    literal?: boolean | "number" | "string";
    operator?: boolean;
    punctuation?: boolean;
    unknown?: boolean;
}
/**
 * Properties for a tooltip of the {@link Token} element.
 * @group Components
 */
export interface TokenTooltipProps {
    ref: (el: HTMLElement | null) => void;
    style: CSSProperties;
}
/**
 * Properties for the {@link Token} component.
 * @group Components
 */
export interface TokenProps extends TokenQuickKinds {
    children?: ReactNode;
    className?: string;
    kind?: TokenKind;
    text?: string;
    tooltip?: ReactNode;
    word?: boolean;
}
/**
 * Formats a token in code.
 * @group Components
 */
export declare function Token({ children, className, kind: kindProp, text, tooltip, word, ...quick }: TokenProps): JSX.Element;
export {};
//# sourceMappingURL=Token.d.ts.map