import { HTMLAttributeReferrerPolicy } from "react";
export type CardCategoryProps = {
    /**
     * Tipo visual do cartão. Para configurar o type do link, olhar a Prop linkType.
     */
    type: "home";
    /**
     * Configura um token de cor de categoria a alguns elementos do componente; A cor deve pertencer ao catálogo de cores de categoria do Design Sytem.
     */
    color: "blue" | "cyan" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "black-friday";
    /**
     * Nome do ícone que deve ser carregado, caso exista. O ícone deve estar contido na biblioteca de ícones do Pulso.
     *
     * Essa Prop é obrigatória nos tipos "search", "home" e "others" e não é aceita no tipo "subcategories".
     */
    iconName: string;
    /**
     * Texto do cartão.
     */
    label: string;
    /**
     * Texto de especificação (rótulo) da etiqueta.
     *
     * Essa Prop é opcional e somente disponível no tipo "home", não sendo aceita nos tipos "search", "others" e "subcategories".
     */
    tagLabel?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    onClick?: Function;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    href?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    download?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    hreflang?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    ping?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    referrerpolicy?: HTMLAttributeReferrerPolicy;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    rel?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    target?: "_self" | "_blank" | "_parent" | "_top";
    /**
     * Atributo "type" padrão do elemento \<a\> do HTML.
     */
    linkType?: string;
    /**
     * Essa Prop inclui um atributo data-qa com o valor configurado no link.
     */
    dataQA?: string;
    /**
     * Essa Prop inclui um atributo data-oollect com o valor configurado no link.
     */
    dataCollect?: string;
    /**
     * Essa Prop inclui um atributo data-collect-info com o valor configurado no link.
     */
    dataCollectInfo?: string;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado no link.
     */
    dataTestId?: string | null;
} | {
    /**
     * Tipo visual do cartão. Para configurar o type do link, olhar a Prop linkType.
     */
    type: "search" | "others";
    /**
     * Configura um token de cor de categoria a alguns elementos do componente; A cor deve pertencer ao catálogo de cores de categoria do Design Sytem.
     */
    color: "blue" | "cyan" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "black-friday";
    /**
     * Nome do ícone que deve ser carregado, caso exista. O ícone deve estar contido na biblioteca de ícones do Pulso.
     *
     * Essa Prop é obrigatória nos tipos "search", "home" e "others" e não é aceita no tipo "subcategories".
     */
    iconName: string;
    /**
     * Texto do cartão.
     */
    label: string;
    /**
     * Texto de especificação (rótulo) da etiqueta.
     *
     * Essa Prop é opcional e somente disponível no tipo "home", não sendo aceita nos tipos "search", "others" e "subcategories".
     */
    tagLabel?: never;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    onClick?: Function;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    href?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    download?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    hreflang?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    ping?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    referrerpolicy?: HTMLAttributeReferrerPolicy;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    rel?: string;
    /**
     * Atributo padrão do elemento \<a\> do HTML.
     */
    target?: "_self" | "_blank" | "_parent" | "_top";
    /**
     * Atributo "type" padrão do elemento \<a\> do HTML.
     */
    linkType?: string;
    /**
     * Essa Prop inclui um atributo data-qa com o valor configurado no link.
     */
    dataQA?: string;
    /**
     * Essa Prop inclui um atributo data-oollect com o valor configurado no link.
     */
    dataCollect?: string;
    /**
     * Essa Prop inclui um atributo data-collect-info com o valor configurado no link.
     */
    dataCollectInfo?: string;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado no link.
     */
    dataTestId?: string | null;
} | {
    type: "subcategories";
    color: "blue" | "cyan" | "green" | "lime" | "magenta" | "orange" | "pink" | "purple" | "red" | "teal" | "yellow" | "black-friday";
    iconName?: null;
    tagLabel?: never;
    label: string;
    onClick?: Function;
    href?: string;
    download?: string;
    hreflang?: string;
    ping?: string;
    referrerpolicy?: HTMLAttributeReferrerPolicy;
    rel?: string;
    target?: "_self" | "_blank" | "_parent" | "_top";
    linkType?: string;
    dataQA?: string;
    dataCollect?: string;
    dataCollectInfo?: string;
    dataTestId?: string | null;
};
/**
 *  <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 utlizar esse componente, deve-se importar:
 *
 * ```
 * import CardCategory from "@raiadrogasil/pulso-react-components/CardCategory";
 * ```
 *
 * 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 {CardCategory} from "@raiadrogasil/pulso-react-components/";
 * ```
 */
declare function CardCategory({ type, color, iconName, tagLabel, label, onClick, href, download, hreflang, ping, referrerpolicy, rel, target, linkType, dataQA, dataCollect, dataCollectInfo, dataTestId, }: CardCategoryProps): JSX.Element;
export default CardCategory;