import React, { ReactNode } from "react";
export interface TooltipProps {
/**
* Texto descritivo do tooltip.
*/
label: string;
/**
* O conteúdo deve ser passado para o componente como um elemento filho.
*/
children: ReactNode;
/**
* Essa Prop inclui um atributo data-testid com o valor configurado no tooltip.
*/
dataTestId?: string;
/**
* Essa Prop inclui um atributo data-qa com o valor configurado no tooltip.
*/
dataQA?: string;
/**
* Essa Prop inclui um atributo data-collect com o valor configurado no tooltip.
*/
dataCollect?: string;
/**
* Essa Prop inclui um atributo data-collect-info com o valor configurado no tooltip.
*/
dataCollectInfo?: string;
/**
* Determina a posição do tooltip em realação ao seu elemento filho.
*/
position: "bottom-right" | "bottom-left" | "bottom-center" | "top-right" | "top-left" | "top-center" | "center-left" | "center-right";
}
/**
*
*
* 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.
*
*
*
* Para utilizar esse componente, deve-se importar:
*
* ```
* import Tooltip from "@raiadrogasil/pulso-react-components/Tooltip";
* ```
*
* ou
*
*
*
* 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.
*
*
*
* ```
* import { Tooltip } from "@raiadrogasil/pulso-react-components/";
* ```
*/
declare const Tooltip: React.FC;
export default Tooltip;