import React, { FC, MouseEventHandler } from 'react';
import { SelectableComponentColors } from '../../helpers/styleHelpers';
interface PillProps {
    /** Whether we should render the selected variant of the colors. */
    isSelected?: boolean;
    /** Custom colors for different states. Note, disabled is not supported. Default is a grey variant. */
    colors?: SelectableComponentColors;
    /** Content to render for the pill. */
    children: React.ReactNode;
    /** Called when the pill is clicked. */
    onClick?: MouseEventHandler;
    /** Class name to allow custom styling of the pill. */
    className?: string;
}
export declare const Pill: FC<PillProps>;
export {};