/** @jsx jsx */
import { BoxProps } from 'theme-ui';
import { FC } from 'react';
export interface TagProps {
    /**
     * color for the tag. The full color will be applied to the border and a transparentized color will be used as background
     */
    color?: string;
    /**
     * transparent amount - 0 to 1
     */
    transparentAmount?: number;
    /**
     * borderSize in pixels
     */
    borderSize?: number;
    /**
     * theme variant additional
     */
    variant?: string;
    /**
     * raw string value to be injected. Useful for highlighting searh results
     */
    raw?: string;
}
/**
 * A container component to display text in a colored box, with a semi-transparent background.
 */
export declare const Tag: FC<TagProps & Omit<BoxProps, 'variant'>>;