import React, { FunctionComponent } from 'react';
import type { ChangeEvent, FocusEvent, MouseEvent } from 'react';
import { BasicComponent } from "../../../../src/utils/typings";
export interface SearchBarProps extends BasicComponent {
    value?: number | string;
    placeholder?: string;
    shape?: 'square' | 'round';
    disabled?: boolean;
    maxLength?: number;
    clearable?: boolean;
    readOnly?: boolean;
    autoFocus?: boolean;
    backable: boolean;
    left: React.ReactNode;
    right: React.ReactNode;
    leftIn: React.ReactNode;
    rightIn: React.ReactNode;
    onSearch?: (val: string) => void;
    onChange?: (value: string, event?: ChangeEvent<HTMLInputElement>) => void;
    onFocus?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
    onBlur?: (value: string, event: FocusEvent<HTMLInputElement>) => void;
    onClear?: (event: MouseEvent<HTMLDivElement>) => void;
    onInputClick?: (event: MouseEvent<HTMLInputElement>) => void;
}
export declare const SearchBar: FunctionComponent<Partial<SearchBarProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onFocus' | 'onBlur'>>;
