export interface CardInformativeProps { /** * Nome do ícone que deve ser carregado, caso exista. O ícone deve estar contido na biblioteca de ícones do Pulso. */ iconName?: string; /** * Texto do cartão. */ label: string; /** * Texto do cartão. */ description?: string; /** * Determina o tipe de tag que será carregada no label do componente. */ labelTag?: "p" | "h1" | "h2" | "h3" | "h4" | "h5"; /** * Define o tipo de mensagem a ser carregada no componente. */ msgType?: "neutral" | "positive" | "informative" | "warning" | "negative" | "negative-alternative" | "subscription"; } /** *
* * 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 utlizar esse componente, deve-se importar: * * ``` * import CardInformative from "@raiadrogasil/pulso-react-components/CardInformative"; * ``` * * 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 {CardInformative} from "@raiadrogasil/pulso-react-components/"; * ``` */ declare function CardInformative({ iconName, label, description, labelTag, msgType, }: CardInformativeProps): JSX.Element; export default CardInformative;