import { ColorTokens } from "@raiadrogasil/pulso-tokens";
export interface InfoBarProps {
    /**
     * Configura o valor da porcentagem de carregamento na barra de progresso.
     */
    value: number;
    /**
     * Configura a cor da barra de progresso, permitindo o uso de todos os tokens de cor.
     */
    color?: keyof ColorTokens | string;
    /**
     * Configura um texto com a descrição/título referente à barra de progresso.
     */
    label?: string;
    /**
     * Define o tipo visual do background da barra de progresso, podendo ser:
      "No Container" | "With Container"
     */
    type?: string;
    /**
     * Define o formato visual da barra de progresso, que apresenta as orientações: "horizontal" | "vertical"
     */
    orientation?: string;
    /**
     * Configura o tamanho do componente, que pode alterar entre "small" e "x-small".
     */
    size?: "small" | "x-small";
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado na orientação horizontal.
     */
    dataTestIdHorizontal?: string;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado na orientação vertical.
     */
    dataTestIdVertical?: string;
}
/**
 * <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 InfoBar from "@raiadrogasil/pulso-react-components/InfoBar";
 * ```
 *
 * 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 { InfoBar } from "@raiadrogasil/pulso-react-components/InfoBar";
 * ```
 */
declare function InfoBar({ value, color, label, type, orientation, size, dataTestIdHorizontal, dataTestIdVertical, }: InfoBarProps): JSX.Element;
export default InfoBar;