export type Props = { /** * Atributo padrão do elemento \ do HTML. */ autofocus?: boolean | undefined; /** * Atributo padrão do elemento \ do HTML. */ form?: string | undefined; /** * Atributo padrão do elemento \ do HTML. */ formaction?: string | undefined; /** * Atributo padrão do elemento \ do HTML. */ formenctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain" | undefined; /** * Atributo padrão do elemento \ do HTML. */ formmethod?: "post" | "get" | undefined; /** * Atributo padrão do elemento \ do HTML. */ formnovalidate?: boolean | undefined; /** * Atributo padrão do elemento \ do HTML. */ formtarget?: "_self" | "_blank" | "_parent" | "_top" | undefined; /** * Atributo padrão do elemento \ do HTML. */ name?: string | undefined; /** * Texto do botão. */ ariaLabel: string; /** * Titulo do botão. */ title?: string; /** * Atributo "type" padrão do elemento \ do HTML. */ buttonType?: "submit" | "reset" | "button" | undefined; /** * Atributo padrão do elemento \ do HTML. */ value?: string | undefined; /** * Atributo padrão do elemento \ do HTML. */ onClick?: Function; /** * Atributo padrão do elemento \ do HTML. */ onMouseUp?: Function; /** * Atributo padrão do elemento \ do HTML. */ onMouseDown?: Function; /** * Nome do ícone que deve ser carregado, caso exista. */ icon: "basket" | "bell" | "chat" | "mail"; /** * Tipo visual do botão. Para configurar o type do botão, olhar a Prop buttonNotificationType. */ type: "primary" | "secondary"; /** * Essa Prop inclui um atributo com a quantidade indicada. */ amount?: number; /** * Essa Prop inclui um atributo data-qa com o valor configurado no botão. */ dataQA?: string | null; /** * Essa Prop inclui um atributo data-collect com o valor configurado no botão. */ dataCollect?: string | null; /** * Essa Prop inclui um atributo data-collect-info com o valor configurado no botão. */ dataCollectInfo?: string | null; /** * Essa Prop inclui um atributo data-testid com o valor configurado no botão. */ dataTestId?: string | null; } | { autofocus?: boolean | undefined; form?: string | undefined; formaction?: string | undefined; formenctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain" | undefined; formmethod?: "post" | "get" | undefined; formnovalidate?: boolean | undefined; formtarget?: "_self" | "_blank" | "_parent" | "_top" | undefined; name?: string | undefined; buttonType?: "submit" | "reset" | "button" | undefined; value?: string | undefined; onClick?: Function; onMouseUp?: Function; onMouseDown?: Function; icon: "basket" | "bell" | "chat" | "mail"; ariaLabel?: string; title?: string; type: "primary" | "secondary"; amount?: number | undefined; dataQA?: string | null; dataCollect?: string | null; dataCollectInfo?: string | null; dataTestId?: string | null; } | { autofocus?: boolean | undefined; form?: string | undefined; formaction?: string | undefined; formenctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain" | undefined; formmethod?: "post" | "get" | undefined; formnovalidate?: boolean | undefined; formtarget?: "_self" | "_blank" | "_parent" | "_top" | undefined; name?: string | undefined; buttonType?: "submit" | "reset" | "button" | undefined; value?: string | undefined; onClick?: Function; ariaLabel?: null; title?: null; onMouseUp?: Function; onMouseDown?: Function; icon: "basket" | "bell" | "chat" | "mail"; type: "primary" | "secondary"; amount?: number | undefined; dataQA?: string | null; dataCollect?: string | null; dataCollectInfo?: string | null; dataTestId?: string | null; }; /** *
* * Obs: Esse componente precisa estar dentro de um ThemeProvider, para o carregamento de seu estilo. Nos sites em React de Drogasil, Drogaraia e Onofre 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 ButtonNotification from "@raiadrogasil/pulso-react-components/ButtonNotification"; * ``` * * 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 { ButtonNotification } from "@raiadrogasil/pulso-react-components/"; * ``` */ declare function ButtonNotification({ autofocus, form, formaction, formenctype, formmethod, formnovalidate, formtarget, name, buttonType, ariaLabel, title, value, onClick, onMouseUp, onMouseDown, icon, amount, type, dataQA, dataCollect, dataCollectInfo, dataTestId, }: Props): JSX.Element; export default ButtonNotification;