export interface Props {
    /**
     * Tamanho do ícone.
     */
    size: "small" | "medium" | "large";
    /**
     * Nome do ícone que deve ser carregado. O ícone deve estar contido na biblioteca de ícones do Pulso.
     */
    symbol: string;
    /**
     * Configura o token da cor do ícone.
     */
    colorName?: string;
    /**
     * Configura uma cor no ícone, que sobrepõe o token de cor, caso configurado.
     */
    color?: string;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado no Ícone.
     */
    dataTestId?: string | null;
}
/**
 * <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 Icon from "@raiadrogasil/pulso-react-components/Icon";
 * ```
 *
 * 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 { Icon } from "@raiadrogasil/pulso-react-components/";
 * ```
 */
declare function Icon({ size, symbol, colorName, color, dataTestId: dataTest }: Props): JSX.Element;
export default Icon;