import React from 'react';
import { ValueOf } from '../types';
import './search.less';
export declare const SEARCH_MODE_TYPES: {
    readonly DEFAULT: "default";
    readonly LARGE: "large";
};
export type SearchModeType = ValueOf<typeof SEARCH_MODE_TYPES>;
export type SearchProps = {
    onChange: (value: string) => void;
    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
    onBlur?: (value: string) => void;
    onClear?: () => void;
    onFocus?: () => void;
    autoFocus?: boolean;
    className?: string;
    inputClassName?: string;
    placeholder?: string;
    ariaLabelClearInput?: string;
    inputAriaLabel?: string;
    isDisabled?: boolean;
    testId?: string;
    value?: string;
    /** SEARCH_CONTROL_MODES.LARGE will increase search input height to 50px */
    mode?: SearchModeType;
    autoComplete?: string;
    id?: string;
    role?: string;
};
/**
 * Search Field with input clearing support
 * @midnight-gray-supported
 * @alpine-light-supported
 */
export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;
