import type { Numeric } from '../../libs/utils'

export type PickerToolbarPosition = 'top' | 'bottom'

export type PickerFieldNames = {
  text?: string
  value?: string
  children?: string
}

export type PickerOption = {
  text?: Numeric
  value?: Numeric
  disabled?: boolean
  children?: PickerColumn
  className?: unknown
  [key: PropertyKey]: any
}

export type PickerColumn = PickerOption[]
export type PickerExpose = {
  confirm: () => void
  getSelectedOptions: () => Array<PickerOption | undefined>
}
export type PickerColumnProvide = {
  state: {
    index: number
    offset: number
    duration: number
    options: PickerOption[]
  }
  setIndex: (index: number, emitChange?: boolean | undefined) => void
  getValue: () => PickerOption
  setValue: (value: string) => void
  setOptions: (options: PickerOption[]) => void
  stopMomentum: () => void
}

export type PickerConfirmEventParams = {
  selectedValues: Numeric[]
  selectedOptions: Array<PickerOption | undefined>
  selectedIndexes: number[]
}

export type PickerCancelEventParams = PickerConfirmEventParams

export type PickerChangeEventParams = PickerConfirmEventParams & {
  columnIndex: number
}

export type PickerThemeVars = {
  pickerBackground?: string
  pickerToolbarHeight?: string
  pickerTitleFontSize?: string
  pickerTitleLineHeight?: number | string
  pickerActionPadding?: string
  pickerActionFontSize?: string
  pickerConfirmActionColor?: string
  pickerCancelActionColor?: string
  pickerOptionFontSize?: string
  pickerOptionPadding?: string
  pickerOptionTextColor?: string
  pickerOptionDisabledOpacity?: number | string
  pickerLoadingIconColor?: string
  pickerLoadingMaskColor?: string
  pickerMaskColor?: string
}