import { Signal } from '@preact/signals';
import { Component } from 'preact';
import '@etchteam/diamond-ui/control/Input/Input';
import '@etchteam/diamond-ui/control/Button/Button';
import '@/components/content/Icon/Icon';
import { CustomElement } from '@/types/customElement';
import { Material } from '@/types/locatorApi';
interface MaterialSearchInputProps {
    readonly inputId?: string;
    readonly inputLabelledBy?: string;
    readonly placeholder?: string;
    readonly submitting?: boolean | string;
    readonly defaultValue?: string;
    readonly valid?: boolean;
    readonly autofocus?: boolean;
    readonly includeFeedbackForm?: boolean;
    readonly handleBlur?: (value: string) => void;
    readonly handleInput?: (value: string) => void;
    readonly handleReset?: () => void;
}
/**
 * An autosuggest input for materials.
 * The autosuggest list will appear after > 3 characters are entered.
 */
export default class MaterialSearchInput extends Component<MaterialSearchInputProps> {
    materialSuggestions: Signal<Material[]>;
    materialNotFound: Signal<string | null>;
    inputValue: Signal<string>;
    inputRef: import("preact").RefObject<HTMLInputElement>;
    buttonRef: import("preact").RefObject<HTMLButtonElement>;
    constructor(props: MaterialSearchInputProps);
    autosuggest: (query: string) => Promise<Material[]>;
    handleInput: any;
    handleBlur: () => void;
    handleOptionSelected: (query: string) => Promise<void>;
    handleKeyPress: (event: preact.JSX.TargetedKeyboardEvent<HTMLInputElement>) => void;
    handleButtonClick: (event: Event) => void;
    render(): import("preact/compat").JSX.Element;
}
declare module 'react' {
    namespace JSX {
        interface IntrinsicElements {
            'locator-material-search-input': CustomElement;
        }
    }
}
export {};