import React from 'react';
export interface AutocompleteProps {
    /**
     * The id of the autocomplete.
     */
    id: string;
    /**
     * Input size.
     *
     * @default "40"
     */
    inputSize?: number;
    /**
     * Placeholder text.
     */
    placeholder?: string;
    /**
     * The maximum number of items displayed at once.
     *
     * @default "10"
     */
    maxItemsDisplayed?: number;
    /**
     * The results that match a specific search
     */
    results?: string[];
    /**
     * Handler for a change event in the autocomplete.
     */
    onChange: (event: any) => void;
    /**
     * When the user makes a selection from the list.
     */
    onSelect?: (value: string) => void;
    /**
     * Label for the autocomplete.
     */
    label: string;
    /**
     * Initial value for the input.
     */
    value: string;
    /**
     * Elements to display on focus.
     */
    focusElements?: React.ReactNode;
}
export declare const AutocompleteStyles: import("styled-components").FlattenInterpolation<any>;
export declare const GlobalMenuButtonStyle: import("styled-components").GlobalStyleComponent<any, import("styled-components").DefaultTheme>;
export declare const Autocomplete: ({ id, inputSize, placeholder, maxItemsDisplayed, results, onChange, onSelect, label, value, focusElements }: AutocompleteProps) => JSX.Element;
export default Autocomplete;