import React from 'react'; import { SupportedInputType } from '../Autocomplete/Autocomplete'; import { OptionListOption } from '../OptionList/OptionList'; import { CreateProps } from '../../types/utils/CreateProps'; import { BaseInputPropsWithoutChildren } from '../Input/BaseInput'; export declare type SearchInputWithScopeProps = CreateProps<{ /** Custom className */ className?: string; /** Show label space if label is empty */ showLabel?: boolean; /** Label shown on the autocomplete */ label?: string; /** Sets the input to disabled state */ disabled?: boolean; /** The value that is set to the input */ searchValue?: string; /** OnChange handler for the input */ onSearchChange: (event: React.SyntheticEvent, value: string) => void; /** List of options for search result */ searchOptions?: OptionListOption[]; /** Placeholder is visible when the input is empty */ placeholder?: string; /** List of options for search scope aka. dropdown options */ scopeOptions: OptionListOption[]; /** Selected option of search scope */ selectedScope: OptionListOption; /** OnChange handler for the search scope */ onScopeChange: (event: React.SyntheticEvent, option: OptionListOption) => void; /** Hadler when option is selected from search results */ onSearchOptionSelect?: (event: React.SyntheticEvent, option: OptionListOption) => void; /** Type of the input value */ searchType?: SupportedInputType; /** OnClick handler for the icon */ onIconClick?: () => void; }, BaseInputPropsWithoutChildren, 'onChange'>; export declare const SearchInputWithScope: React.FunctionComponent; export default SearchInputWithScope;