import React from 'react';
import { ColorTokens } from '../../foundation/Colors';
import { TypographyTokens } from '../../foundation/Typography';
import { PillVariant } from './Pill.styled';
export type PillProps = {
    backgroundColorToken: ColorTokens;
    children: string;
    className?: string;
    colorToken: ColorTokens | 'rainbow';
    'data-testid'?: string;
    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    typographyToken: TypographyTokens;
    variant: PillVariant;
};
export declare const Pill: ({ "data-testid": dataTestId, typographyToken, children, className, variant, onClick, colorToken, backgroundColorToken, }: PillProps) => React.JSX.Element;