import React from 'react'; import { OptionListOption } from '../OptionList/OptionList'; import { BaseInputPropsWithoutChildren } from '../Input/BaseInput'; import { CreateProps } from '../../types/utils/CreateProps'; declare type ComboboxProps = CreateProps<{ /** Label shown on the Combobox */ label?: string; /** List of options */ options: OptionListOption[]; /** Text to be shown in the Combobox */ value?: string; /** onChange is called when text inside input is changed, will return the native event and value (event, value) */ onChange: (event: React.SyntheticEvent | JSX.IntrinsicElements['input']['onChange'], value: string) => void; /** onOptionSelect is called when user makes selection from the list. It will return native event and option object (event, option)*/ onOptionSelect?: (event: React.SyntheticEvent | React.ChangeEvent | undefined, option: OptionListOption) => void; /** onOptionClear is called an option becomes unselected. In case there is a selected option then any text change will cause this to be called once. Will return native event (option, event)*/ onOptionClear?: (event: React.SyntheticEvent) => void; /** Error text is shown if Combobox is not open and will disappear when user opens the Combobox */ errorText?: string; /** Additional description for input, if label is not enough */ helperText?: string; /** Placeholder is visible when the Combobox is empty */ placeholder?: string; /** Sets the Combobox to disabled state. Dropdown is not clickable nor focusable */ disabled?: boolean; /** Adds the required mark on the Combobox label */ required?: boolean; /** Custom id */ id?: string; /** Custom name */ name?: string; /** Custom className */ className?: string; }, BaseInputPropsWithoutChildren, 'readonly' | 'iconName' | 'iconColor' | 'tabIndex' | 'onClick' | 'ref' | 'borderRadius' | 'onChange' | 'onBlur' | 'onFocus' | 'confirmed' | 'wrapperTabIndex'>; declare const Combobox: React.FunctionComponent; export default Combobox;