export interface TagProps {
    /**
     * Texto descritivo da tag (esquerdo). Número máximo de carácteres: 17 (small), 38 (medium).
     */
    description?: string;
    /**
     * Tamanho da tag. O tamanho small será deprecado em breve, por isso, essa é uma propriedade que não precisa mais ser usada, pois possui o valor "medium" como padrão.
     */
    size?: "small" | "medium";
    /**
     * Cor de fundo da tag, pode ser atribuído um token de cor, no formato camelCase (ex.: colorBrand500, colorBackground700,...), um nome de cor que seja reconhecido pelo browser (ex.: red, blue,...), um hexadecimal (ex.: #ff2852, #fff0f3,...)
     */
    tagBackgroundColor?: string;
    /**
     * Cor de texto da tag, pode ser atribuído um token de cor, no formato camelCase (ex.: colorBrand500, colorBackground700,...), um nome de cor que seja reconhecido pelo browser (ex.: red, blue,...), um hexadecimal (ex.: #ff2852, #fff0f3,...)
     */
    tagColor?: string;
    /**
     * Cor de fundo do valor da tag (bloco da direita), pode ser atribuído um token de cor, no formato camelCase (ex.: colorBrandPure, colorNeutralDark,...), um nome de cor que seja reconhecido pelo browser (ex.: red, blue,...), um hexadecimal (ex.: #ff2852, #fff0f3,...)
     */
    valueBackgroundColor?: string;
    /**
     * Cor de texto do valor da tag (bloco da direita), pode ser atribuído um token de cor, no formato camelCase (ex.: colorBrandPure, colorNeutralDark,...), um nome de cor que seja reconhecido pelo browser (ex.: red, blue,...), um hexadecimal (ex.: #ff2852, #fff0f3,...)
     */
    valueColor?: string;
    /**
     * Texto descritivo da tag (direito). Não aparecerá se não for preenchido, ou se o texto da descrição for muito grande e ocupar o espaço que seria necessário para o valor. Número máximo de carácteres: 4.
     */
    value?: string;
    /**
     * Remoção do limite de carácteres nos textos descritivos, fazendo com que ambos apareçam independente da quantidade de carácteres.
     */
    charUnlimited: boolean;
    /**
     * Remove as bordas arredondadas dos cantos inferiores.
     */
    squaredBottom?: boolean;
    /**
     * Componente ocupa 100% da largura do elemento pai.
     */
    fullWidth?: boolean;
}
/**
 * <blockquote style="background-color:#ffb3b3; font-size:14px; lineHeight:25px;">
 *    <i>
 *        Obs: Esse componente precisa estar dentro de um ThemeProvider, para o carregamento de seu estilo. Nos sites em React de Drogasil e Drogaraia o ThemeProvider já encontra-se configurado como um componente de alto nível, portanto não há a necessidade de incluí-lo novamente.
 *   </i>
 * </blockquote>
 *
 * Para utilizar esse componente, deve-se importar:
 *
 * ```
 * import Tag from "@raiadrogasil/pulso-react-components/Tag";
 * ```
 *
 * ou
 *
 * <blockquote style="background-color:#ffb3b3; font-size:14px; lineHeight:25px;">
 *  <i>
 *            Obs: O método com chaves importa o código de todos os componentes, mesmo os que não estão listados entre as chave. Portanto, por questão de performance, é desaconselhado seu uso.
 *  </i>
 * </blockquote>
 *
 * ```
 * import { Tag } from "@raiadrogasil/pulso-react-components/";
 * ```
 */
declare function Tag({ description, size, tagBackgroundColor, tagColor, valueBackgroundColor, valueColor, value, charUnlimited, squaredBottom, fullWidth, }: TagProps): JSX.Element;
export default Tag;