import React from "react";
import { Option } from "@raiadrogasil/pulso-react-components/List";
export interface Props {
    /**
     * Atributo padrão do elemento \<select\> do HTML, que fica escondido, junto ao componente. No entanto, não surte efeito no componente que é visível para o usuário.
     */
    autofocus?: boolean;
    /**
     * Configura o token da cor de fundo, sobre a qual o componente será colocado.
     */
    backgroundColorName: string;
    /**
     * Essa Prop inclui um atributo data-collect com o valor configurado no input, onde o usuário digita, para realiar o filtro de opções.
     */
    dataCollectFilter?: string | null;
    /**
     * Essa Prop inclui um atributo data-collect com o valor configurado no campo fechado, que deve ser clicado para que o usuário selecione uma opção ou digite uma busca.
     */
    dataCollectClosedField?: string | null;
    /**
     * Essa Prop inclui um atributo data-collect-info com o valor configurado no input, onde o usuário digita, para realiar o filtro de opções.
     */
    dataCollectInfoFilter?: string | null;
    /**
     * Essa Prop inclui um atributo data-collect-info com o valor configurado no campo fechado, que deve ser clicado para que o usuário selecione uma opção ou digite uma busca.
     */
    dataCollectInfoClosedField?: string | null;
    /**
     * Essa Prop inclui um atributo data-qa com o valor configurado no input, onde o usuário digita, para realiar o filtro de opções.
     */
    dataQAFilter?: string | null;
    /**
     * Essa Prop inclui um atributo data-qa com o valor configurado no campo fechado, que deve ser clicado para que o usuário selecione uma opção ou digite uma busca.
     */
    dataQAClosedField?: string | null;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado no input, onde o usuário digita, para realiar o filtro de opções.
     */
    dataTestIdFilter?: string | null;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado no campo fechado, que deve ser clicado para que o usuário selecione uma opção ou digite uma busca.
     */
    dataTestIdClosedField?: string | null;
    /**
     * Atributo de valor inicial no componente, caso já esteja definido.
     */
    defaultValue?: Option;
    /**
     * Configura o componente com estilo de desabilitado e bloqueia a interação do usuário.
     */
    disabled?: boolean;
    /**
     * Atributo padrão do elemento \<select\> do HTML, que fica escondido, junto ao componente.
     */
    form?: string;
    /**
     * Incluí um texto helper ao componente.
     */
    helperText?: string;
    /**
     * Atributo padrão do elemento \<select\> do HTML, que fica escondido, junto ao componente.
     */
    id?: string;
    /**
     * Habilita o estilo inverse do componente.
     */
    inverse?: boolean;
    /**
     * Conteúdo de texto do label do componente.
     */
    label: string;
    /**
     * Atributo padrão do elemento \<select\> do HTML, que fica escondido, junto ao componente.
     */
    name?: string;
    /**
     * Função de callback, que é chamada quando uma opção é selecionada, com a opção escolhida, como parâmetro, assim como ela aparece no array.
     */
    onChange?: Function;
    /**
     * Função de callback, que é chamada quando o campo de filtro é digitado, removendo a função de filtro padrão do componente.
     */
    onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
    /**
     * 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;
     * }
     */
    options: Array<Option>;
    /**
     * Define um z-index diferente para o componente aberto, que abre em um portal. Por padrão, o componente carrega com z-index: 100;
     */
    zIndex?: number;
    /**
     * Atributo padrão do elemento \<select\> do HTML, que fica escondido, junto ao componente.
     */
    required?: boolean;
}
/**
 * <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 Select from "@raiadrogasil/pulso-react-components/Select";
 * ```
 *
 * 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 { Select } from "@raiadrogasil/pulso-react-components/";
 * ```
 */
declare const Select: ({ autofocus, backgroundColorName, dataCollectFilter, dataCollectClosedField, dataCollectInfoFilter, dataCollectInfoClosedField, dataQAFilter, dataQAClosedField, dataTestIdFilter, dataTestIdClosedField, disabled, form, helperText, id, inverse, label, name, onChange, onInputChange, options, required, defaultValue, zIndex, }: Props) => JSX.Element;
export default Select;