import { ReactNode } from 'react';
import { TSizeAll } from '../../types';

export type TPillColor = 'aero' | 'red' | 'blue' | 'grey' | 'green' | 'navy' | 'purple' | 'slate' | 'yellow' | 'pink' | 'lowContrast';
export interface IPillProps {
    /**
     * the content to render inside the pill
     */
    children: ReactNode | JSX.Element;
    /**
     * the content to render inside the pill
     * @default 'navy'
     */
    color?: TPillColor;
    /**
     * each pill needs a unique ID
     */
    id?: string;
    /**
     * Increases spacing and padding of the pill
     * @default 'sm'
     */
    size?: TSizeAll;
    /**
     * apply custom CSS
     */
    style?: React.CSSProperties;
    /**
     * pill with a color border and transparent background
     * @default 'default'
     */
    variant?: 'default' | 'outline' | 'translucent';
}
//# sourceMappingURL=types.d.ts.map