import React from "react";
export interface Props {
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    accesskey?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    autocomplete?: "on" | "off";
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    autofocus?: boolean;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    autosave?: string;
    /**
     * Essa Prop inclui um atributo data-collect com o valor configurado no input.
     */
    dataCollectInput?: string | null;
    /**
     * Essa Prop inclui um atributo data-collect com o valor configurado no botão reset.
     */
    dataCollectReset?: string | null;
    /**
     * Essa Prop inclui um atributo data-collect com o valor configurado no botão search.
     */
    dataCollectSearch?: string | null;
    /**
     * Essa Prop inclui um atributo data-collect-info com o valor configurado no input.
     */
    dataCollectInfoInput?: string | null;
    /**
     * Essa Prop inclui um atributo data-collect-info com o valor configurado no botão reset.
     */
    dataCollectInfoReset?: string | null;
    /**
     * Essa Prop inclui um atributo data-collect-info com o valor configurado no botão search.
     */
    dataCollectInfoSearch?: string | null;
    /**
     * Essa Prop inclui um atributo data-qa-info com o valor configurado no input.
     */
    dataQAInput?: string | null;
    /**
     * Essa Prop inclui um atributo data-qa-info com o valor configurado no botão reset.
     */
    dataQAReset?: string | null;
    /**
     * Essa Prop inclui um atributo data-qa-info com o valor configurado no botão search.
     */
    dataQASearch?: string | null;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado no input.
     */
    dataTestIdInput?: string | null;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado no botão reset.
     */
    dataTestIdReset?: string | null;
    /**
     * Essa Prop inclui um atributo data-testid com o valor configurado no botão search.
     */
    dataTestIdSearch?: string | null;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    disabled?: boolean;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    form?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    formaction?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    id: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    inputmode?: "email" | "search" | "tel" | "text" | "url" | "none" | "numeric" | "decimal" | undefined;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    list?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    max?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    maxlength?: number;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    min?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    minlength?: number;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    multiple?: boolean;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    name: string;
    /**
     * Adiciona uma função de callback à mudança do componente.
     */
    onChange?: Function;
    /**
     * Adiciona uma função de callback ao focus no input.
     */
    onFocus?(event: React.FocusEvent<HTMLInputElement>): void;
    /**
     * Adiciona uma função de callback ao keyDown no input.
     */
    onKeyDown?(event: React.KeyboardEvent<HTMLInputElement>): void;
    /**
     * Adiciona uma função de callback ao keyPress no input.
     */
    onKeyPress?(event: React.KeyboardEvent<HTMLInputElement>): void;
    /**
     * Adiciona uma função de callback ao keyUp no input.
     */
    onKeyUp?(event: React.KeyboardEvent<HTMLInputElement>): void;
    /**
     * Adiciona uma função de callback ao reset do input.
     */
    onReset?: Function;
    /**
     * Adiciona uma função de callback à ação de busca do input.
     */
    onSearch: Function;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    pattern?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    placeholder?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    readonly?: boolean;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    required?: boolean;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    size?: number;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    spellcheck?: boolean;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    src?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    step?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    tabindex?: number;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    value?: string;
    /**
     * Atributo padrão do elemento \<input\> do HTML.
     */
    width?: 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 SearchBar from "@raiadrogasil/pulso-react-components/SearchBar";
 * ```
 *
 * 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 { SearchBar } from "@raiadrogasil/pulso-react-components/";
 * ```
 */
declare function SearchBar({ id, name, value, dataCollectInput, dataCollectReset, dataCollectSearch, dataCollectInfoInput, dataCollectInfoReset, dataCollectInfoSearch, dataQAInput, dataQAReset, dataQASearch, disabled, onChange, onFocus, onKeyDown, onKeyPress, onKeyUp, onReset, onSearch, accesskey, autocomplete, autofocus, autosave, form, formaction, inputmode, list, max, maxlength, min, minlength, multiple, pattern, placeholder, readonly, required, size, spellcheck, src, step, tabindex, width, dataTestIdInput, dataTestIdReset, dataTestIdSearch, }: Props): JSX.Element;
export default SearchBar;