import type { ComponentType, ReactElement, ReactNode } from 'react'
import type { HTMLAttrs, InputSupportsProps, TextInputProps, TextInputHandlerProps } from './common'

interface AutocompleteCommonProps
  extends HTMLAttrs,
    InputSupportsProps,
    TextInputProps,
    TextInputHandlerProps {}

interface AutocompleteChildrenProps extends AutocompleteCommonProps {
  inputId?: string
  inputRef?: any
}

export interface AutocompleteItem {
  id: string
  label: string
}

export interface AutocompleteProps extends AutocompleteCommonProps {
  children?: (props: AutocompleteChildrenProps) => ReactElement
  isLoading?: boolean
  items?: AutocompleteItem[]
  loadingLabel?: string
  maxDropdownHeight?: number
  showOptionsOnFocus?: boolean
  minToSuggestion?: number
  maxSuggestions?: number
  noResults?: ReactNode
}

declare const Autocomplete: ComponentType<AutocompleteProps>

export default Autocomplete