import React from 'react';
import type { SearchBarProps as AntSearchBarProps } from 'antd-mobile/es/components/search-bar';
import './index.less';
export declare type SearchBarProps = AntSearchBarProps;
/**
 * @Author: wangyi
 * @Date: 2022-02-08
 */
declare const SearchBar: React.ForwardRefExoticComponent<Pick<import("antd-mobile/es/components/input").InputProps, "onFocus" | "onBlur" | "onClear"> & {
    value?: string | undefined;
    defaultValue?: string | undefined;
    maxLength?: number | undefined;
    placeholder?: string | undefined;
    clearable?: boolean | undefined;
    onlyShowClearWhenFocus?: boolean | undefined;
    showCancelButton?: boolean | ((focus: boolean, value: string) => boolean) | undefined;
    cancelText?: string | undefined;
    icon?: React.ReactNode;
    clearOnCancel?: boolean | undefined;
    onSearch?: ((val: string) => void) | undefined;
    onChange?: ((val: string) => void) | undefined;
    onCancel?: (() => void) | undefined;
} & import("antd-mobile/es/utils/native-props").NativeProps<"--border-radius" | "--padding-left" | "--height" | "--placeholder-color" | "--background"> & React.RefAttributes<import("antd-mobile/es/components/input").InputRef>>;
export default SearchBar;