import { TNode } from '../common';
export interface TdSearchProps {
    action?: string | TNode;
    autocompleteOptions?: Array<AutocompleteOption>;
    center?: boolean;
    clearTrigger?: 'always' | 'focus';
    clearable?: boolean;
    cursorColor?: string;
    disabled?: boolean;
    focus?: boolean;
    leftIcon?: string | TNode;
    maxcharacter?: number;
    maxlength?: string | number;
    placeholder?: string;
    readonly?: boolean;
    resultList?: Array<string>;
    shape?: 'square' | 'round';
    value?: string;
    defaultValue?: string;
    modelValue?: string;
    onActionClick?: (context: {
        e: MouseEvent;
    }) => void;
    onBlur?: (context: {
        value: string;
        e: FocusEvent;
    }) => void;
    onChange?: (value: string, context: {
        trigger: 'input-change' | 'option-click' | 'clear';
        e?: InputEvent | MouseEvent;
    }) => void;
    onClear?: (context: {
        e: MouseEvent;
    }) => void;
    onFocus?: (context: {
        value: string;
        e: FocusEvent;
    }) => void;
    onSearch?: (context?: {
        value: string;
        trigger: 'submit' | 'option-click' | 'clear';
        e?: InputEvent | MouseEvent;
    }) => void;
    onSubmit?: (context: {
        value: string;
        e: KeyboardEvent;
    }) => void;
}
export type AutocompleteOption = string | {
    label: string | TNode;
    group?: boolean;
};