import React from "react";
import { Option } from "../List";
export type DropdownProps = {
    /**
     * Estado desabilitado do componente (impedindo a interação do usuário).
     */
    disabled?: boolean;
    /**
     * Habilita o estilo inverse do componente.
     */
    inverse?: boolean;
    /**
     * Texto do componente, para quando não há um valor selecionado.
     */
    placeholder?: string;
    /**
     * Define um array de opções da lista, com a opção no seguinte formato:
     *
     * {
     *   label: string;
     *   selected?: boolean;
     *   value: number;
     *   dataCollect?: string | null;
     *   dataCollectInfo?: string | null;
     *   dataQA?: string | null;
     *   dataTestId?: string | null;
     * }
     */
    options: Array<Option>;
    /**
     * Adiciona uma função de callback ao clique do da opção selecionada, com a opção selecionada como primeiro parâmetro.
     */
    onClick(option: Option): void;
    /**
     * Tipo do componente.
     */
    type: "standard";
    /**
     * Largura da lista em pixels, somente disponível no tipo icon. Caso não definido, no tipo icon, assumirá a largura do conteúdo (o conteúdo, nesse caso, nao terá quebra de linha).
     */
    width?: undefined;
    /**
     * Essa Prop inclui um atributo data-qa com o valor configurado no input.
     */
    dataQA?: string;
    /**
     * Essa Prop inclui um atributo data-collect com o valor configurado no input.
     */
    dataCollect?: string;
    /**
     * Essa Prop inclui um atributo data-collect-info com o valor configurado no input.
     */
    dataCollectInfo?: string;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado no input.
     */
    dataTestId?: string;
} | {
    disabled?: boolean;
    inverse?: boolean;
    placeholder?: string;
    options: Array<Option>;
    onClick(option: Option): void;
    type: "icon";
    width?: number;
    dataQA?: string;
    dataCollect?: string;
    dataCollectInfo?: string;
    dataTestId?: string;
};
/**
 * <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 utilizar esse componente, deve-se importar:
 *
 * ```
 * import Dropdown from "@raiadrogasil/pulso-react-components/Dropdown";
 * ```
 *
 * 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 { Dropdown } from "@raiadrogasil/pulso-react-components/";
 * ```
 */
declare const Dropdown: React.FC<DropdownProps>;
export default Dropdown;