/** @jsx createElement */
import type { Renderer } from '../../types';
import type { AutocompleteClassNames } from './Autocomplete';
export type AutocompleteDetachedTranslations = {
    detachedCancelButtonText: string;
    detachedSearchButtonTitle: string;
    detachedClearButtonTitle: string;
};
export type AutocompleteDetachedSearchButtonProps = {
    query: string;
    placeholder?: string;
    classNames?: Partial<AutocompleteClassNames>;
    onClick: () => void;
    onClear?: () => void;
    translations: AutocompleteDetachedTranslations;
};
export declare function createAutocompleteDetachedSearchButtonComponent({ createElement, }: Renderer): (userProps: AutocompleteDetachedSearchButtonProps) => JSX.Element;