import { default as React } from 'react';
export interface EditableSelectorOption {
    /** Option value */
    value: string;
    /** Option label - can be string or React element (defaults to value if not provided) */
    label?: React.ReactNode;
    /** Search label for filtering (defaults to value if not provided, used when label is a React element) */
    searchLabel?: string;
    /** Disabled state */
    disabled?: boolean;
}
export interface EditableSelectorProps {
    /** Available options for the dropdown */
    options: EditableSelectorOption[];
    /** Current value */
    value: string;
    /** Change handler */
    onChange: (value: string) => void;
    /** Placeholder text */
    placeholder?: string;
    /** Disabled state */
    disabled?: boolean;
    /** Additional className for the container */
    className?: string;
    /** Additional className for the input */
    inputClassName?: string;
    /** Whether to filter options based on input value */
    filterOptions?: boolean;
    /** Empty state message when no options match */
    emptyMessage?: string;
}
/**
 * EditableSelector Component
 *
 * An editable input field with a dropdown button for selecting from suggestions.
 * Unlike Combobox, this allows direct typing and accepts custom values not in the list.
 *
 * @example
 * ```tsx
 * <EditableSelector
 *   options={[
 *     { value: 'gpt-4', label: 'GPT-4' },
 *     { value: 'gpt-3.5-turbo', label: 'GPT-3.5 Turbo' },
 *   ]}
 *   value={model}
 *   onChange={setModel}
 *   placeholder="Enter or select model..."
 * />
 * ```
 */
export declare const EditableSelector: React.FC<EditableSelectorProps>;
//# sourceMappingURL=editable-selector.d.ts.map