import { HTMLAttributeReferrerPolicy, ReactNode } from "react"; export interface Props { /** * O conteúdo deve ser passado para o componente como um elemento filho. * * O componente aceita somente texto. * * Embora o tipo aceite também outros componentes e elementos, esse uso não estará de acordo com as definições de uso e o componente poderá não se comportar corretamente. É importante que, ao implementar, o desenvolvedor siga essa orientação, para evitar quebra futura. */ children: ReactNode; /** * Essa propriedade encontra-se em deprecação. * * Habilita o estilo inverse do componente. */ inverse?: boolean; /** * Atributo padrão do elemento \ do HTML. */ href: string; /** * Atributo opcional padrão do elemento \ do HTML. */ onClick?: () => void; /** * Atributo padrão do elemento \ do HTML. */ download?: string; /** * Atributo padrão do elemento \ do HTML. */ hreflang?: string; /** * Atributo padrão do elemento \ do HTML. */ ping?: string; /** * Atributo padrão do elemento \ do HTML. */ referrerpolicy?: HTMLAttributeReferrerPolicy; /** * Atributo padrão do elemento \ do HTML. */ rel?: string; /** * Atributo padrão do elemento \ do HTML. */ target?: "_self" | "_blank" | "_parent" | "_top"; /** * Atributo padrão do elemento \ do HTML. */ type?: string; /** * Essa Prop inclui um atributo data-qa com o valor configurado no link. */ dataQA?: string | null; /** * Essa Prop inclui um atributo data-collect com o valor configurado no link. */ dataCollect?: string | null; /** * Essa Prop inclui um atributo data-collect-info com o valor configurado no link. */ dataCollectInfo?: string | null; /** * Essa Prop inclui um atributo data-testid com o valor configurado no link. */ dataTestId?: string | null; /** * Nome do ícone que deve ser carregado. O ícone deve estar contido na biblioteca de ícones do Pulso. */ iconName?: string; /** * Controla as cores do componente. */ variant?: "brand" | "black" | "white"; } /** *
* * 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 Link from "@raiadrogasil/pulso-react-components/Link"; * ``` * * 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 { Link } from "@raiadrogasil/pulso-react-components/"; * ``` */ declare function Link({ children, inverse, href, onClick, download, hreflang, ping, referrerpolicy, rel, target, type, dataQA, dataCollect, dataCollectInfo, dataTestId, iconName, variant, }: Props): JSX.Element; export default Link;