import React from 'react';
import { FlintAutocomplete as FlintAutocompleteElement } from '@getufy/flint-ui/autocomplete/flint-autocomplete';
export interface FlintAutocompleteChangeDetail {
    value: string;
    label: string;
}
/**
 * Autocomplete: a text input with a dropdown of selectable suggestions.
 */
export interface FlintAutocompleteProps extends Omit<React.HTMLAttributes<FlintAutocompleteElement>, 'defaultValue'> {
    /**
     * The list of selectable options. Accepts `AutocompleteOption[]` or `string[]`.
     * Type: `(AutocompleteOption | string)[]`
     */
    options?: FlintAutocompleteElement['options'];
    /** When true, allows arbitrary values that are not in the options list. */
    freeSolo?: boolean;
    /** Whether the autocomplete input is disabled. */
    disabled?: boolean;
    /** The current selected value. */
    value?: string;
    /** Placeholder text shown when the input is empty. */
    placeholder?: string;
    /** Form field name used when submitting form data. */
    name?: string;
    /** Marks the autocomplete as required for form validation. */
    required?: boolean;
    /** Initial value for uncontrolled usage. */
    defaultValue?: string;
    /** When true, the dropdown uses `position: fixed` so it can escape */
    hoist?: boolean;
    /** Distance between the input and the dropdown popup (px). */
    popupDistance?: number;
    /**
     * Fired when the selected value changes. detail: `{ value: string, label: string }`
     * DOM event: `flint-autocomplete-change`
     */
    onFlintAutocompleteChange?: (event: CustomEvent<FlintAutocompleteChangeDetail>) => void;
}
export declare const FlintAutocomplete: React.ForwardRefExoticComponent<FlintAutocompleteProps & React.RefAttributes<FlintAutocompleteElement>>;