import type { ComponentType } from 'react'
import { CopyType, Size } from './Common'

export type SearchTokens = {
  backgroundColor?: string
  color?: string
  borderWidth?: number
  borderColor?: string
  borderRadius?: number
  paddingTop?: Size
  paddingBottom?: Size
  paddingLeft?: Size
  paddingRight?: Size
  outerBackgroundColor?: string
  outerBorderWidth?: number
  outerBorderColor?: string
  outerBorderRadius?: number
  fontName?: string
  fontWeight?: number
  fontSize?: Size
  lineHeight?: number
  placeholderColor?: string
  buttonsGap?: Size
  clearButtonIcon?: any
  submitButtonIcon?: any
}

export interface SearchProps {
  testID?: string
  copy?: CopyType
  initialValue?: string
  placeholder?: string
  inactive?: boolean
  onChange?: (value: string) => void
  onSubmit?: (value: string) => void
  onClear?: () => void
  onFocus?: () => void
  tokens?: SearchTokens
  nativeSubmitBtnID?: string
  searchIconPosition?: 'left' | 'right'
  pointerEvents?: 'all' | 'none' | 'box-only' | 'box-none'
  onLayout?: (event: any) => void
  nativeID?: string
  dataSet?: Record<string, any>
  accessibilityLabel?: string
  accessibilityRole?: string
}

declare const Search: ComponentType<SearchProps>

export { Search }