import React from 'react';
import { SearchDropdownCustom } from './searchDropdownCustom';
import type { SearchDropdownProps } from './types';
import type { DropdownOption } from '../dropdown/types';
import type { GroupBase } from 'react-select';

/**
 * SearchDropdown is used when an auto-suggest list is proposed as part of an input field. As a result, user can either select a suggestion from the list to populate the input field, or type something else. Please use Field input with a Listbox insead.
 *
 * @deprecated Please use Field input with a Listbox insead.
 * @type molecule
 * @status deprecated
 * @tags form-elements, selects
 */
export function SearchDropdown<
    T extends DropdownOption = DropdownOption,
    M extends boolean = false,
    G extends GroupBase<T> = GroupBase<T>,
>(props: SearchDropdownProps<T, M, G>) {
    return <SearchDropdownCustom type="AsyncSelect" {...props} />;
}