import type { ChangeEvent, FocusEvent, KeyboardEvent, MouseEvent } from 'react';
import React from 'react';
interface Props {
    /**
     * Unique ID for the search input element
     */
    id?: string;
    /**
     *  Name of the search input element
     */
    name: string;
    /**
     * Default value of search input element
     */
    value?: string;
    /**
     * Text of placeholder for the search input value
     */
    placeholder?: string;
    /**
     * On search input change callback
     */
    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
    /**
     * On search input blur callback
     */
    onBlur?: (e: ChangeEvent<HTMLInputElement>) => void;
    /**
     * On search input focus callback
     */
    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
    /**
     * On search input key press callback
     */
    onKeyPress?: (e: KeyboardEvent<HTMLInputElement>) => void;
    /**
     * On search input key down callback
     */
    onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
    /**
     * On button click callback
     */
    onButtonClick?: (e: MouseEvent<HTMLElement>) => void;
    /**
     * Allow to set search input element focus on page load
     */
    autoFocus?: boolean;
    /**
     * Allows to pass a custom className
     */
    className?: string;
    /**
     * Allows to pass testid string for testing purposes
     */
    'data-testid'?: string;
    /**
     * Allows to pass a screen reader label for the input field
     */
    ariaLabel?: string;
    /**
     * Allows to pass a screen reader label for the clear button
     */
    clearButtonAriaLabel?: string;
    /**
     * Allows to pass a screen reader label for the search button
     */
    searchButtonAriaLabel?: string;
}
declare const Search: ({ "data-testid": dataTestId, ...props }: Props) => React.JSX.Element;
/** @component */
export default Search;