import {FunctionComponent, ReactNode} from 'react'

export interface PickerData {
  label: string | ReactNode
  value: string | number | null
}

export type CascadePickerData = {
  label: string | ReactNode
  value: string | number | null
  children: CascadePickerData
}[]

/**
 * @title  Props API
 * @description
 */
export interface PickerViewProps {
  /**
   * @description 按375尺寸给，这个没有经过pxTransform，因为要用来计算
   */
  itemHeight?: number
  fontSize?: number
  pickerData:
    | PickerData[][]
    | CascadePickerData
    | ((value: (string | number | null)[]) => PickerData[])
  value?: (number | string | null)[]
  defaultValue?: (number | string | null)[]
  visible?: number
  selectedViewColor?: string
  selectedViewBorderColor?: string
  paddingLeftRight?: number
  hideClearBtn?: boolean
  /**
   * @description 级连操作
   * @default false
   */
  cascade?: boolean
  onSelected?: (data: (string | number | null)[]) => void
  /**
   * @description 是否启用popup模式
   */
  popup?: boolean
  title?: ReactNode
  confirmText?: string
  cancelText?: string
  clearText?: string
  /**
   * @description 取消文字颜色
   * @default '#007AFF'
   */
  cancelColor?: string

  /**
   * @description 清除文字颜色
   * @default '#007AFF'
   */
  clearColor?: string

  /**
   * @description 确认文字颜色
   * @default '#007AFF'
   */
  confirmColor?: string

  /**
   * @description 背景色
   * @default '#ffffff'
   */
  backgroundColor?: string

  viewColor?: string

  /**
   * @description 确认回调，用来判断是否自动关闭
   */
  closeAfterConfirm?: boolean

  /**
   * @description 取消回调，用来判断是否自动关闭
   */
  closeAfterCancel?: boolean

  /**
   * @description 清除回调，用来判断是否自动关闭
   */
  closeAfterClear?: boolean
  /**
   * @description 清除回调，resolve之后会自动关闭
   */
  onClear?: () => void
  /**
   * @description 取消回调，resolve之后会自动关闭
   */
  onCancel?: () => void
  /**
   * @description popup开启并且设置了popupTitle confirmText cancelText 才生效
   */
  onConfirm?: (data: (string | number | null)[]) => void
}

declare const PickerView: FunctionComponent<PickerViewProps>

export {PickerView}