import React from 'react'; import { PopoverContentProps } from '../Popover'; import { InputProps } from '../Input'; import { PopoverTriggerProps, PopoverProps } from '@radix-ui/react-popover'; import { AutocompleteOptionBaseType, AutocompleteOptionType, AutocompletedValue } from './AutocompleteContext'; import { AutocompleteTagProps } from './AutocompleteTag'; export type AutocompleteClassnames = { selectBox?: string; selectTag?: string; popoverContent?: string; popoverTrigger?: string; placeholder?: string; input?: string; list?: string; menuItemSelectedIcon?: React.ReactNode; }; export interface AutocompleteProps extends Pick { classNames?: AutocompleteClassnames; className?: string; options: AutocompleteOptionType[]; value?: AutocompletedValue; defaultValue?: AutocompleteOptionBaseType; /** * only use when isMultiple = true */ searchValue?: string; placeholder?: string; tagRender?: AutocompleteTagProps['children']; onChange?: (value: any) => void; onSearch?: (value: string) => void; contentNotFound?: React.ReactNode; disabled?: boolean; isMultiple?: boolean; hideArrow?: boolean; boxInputProps?: Omit; popoverProps?: { trigger: PopoverTriggerProps; content: PopoverContentProps; popover: PopoverProps; }; open?: boolean; onOpenChange?: (open: boolean) => void; listId?: string; heightDropdownRender?: number; iconChecked?: React.ReactNode; onScroll?: React.UIEventHandler; } export declare function Autocomplete({ options, value, defaultValue, placeholder, onChange, isMultiple, tagRender, className, classNames, contentNotFound, hideArrow, status, boxInputProps, popoverProps, open: openProps, onOpenChange, listId, iconChecked, disabled, onSearch, heightDropdownRender, searchValue, onScroll, }: AutocompleteProps): import("react/jsx-runtime").JSX.Element; export declare namespace Autocomplete { var displayName: string; }