import {FunctionComponent, ReactNode} from 'react'

export type CascaderValues =
  | {
      label?: string
      value: any
      index?: number
      children?: CascaderValues
    }[]
  | any[]

export type SelectedData =
  | {
      label: string
      value: any
      index: number
      children?: SelectedData
    }[]
  | any[]

export type CascaderData = {
  label: string
  value: any
  disable?: boolean
  children?: CascaderData
}[]

/**
 * @title  Props API
 * @description
 */
export interface CascaderProps {
  fontSize?: number
  viewColor?: string
  selectedViewColor?: string
  disabledViewColor?: string
  /**
   * @description 是否支持多选
   * @default false
   */
  enableMulti?: boolean

  /**
   * @description 是否需要全部选中才能返回
   * @default true
   */
  needSelectedAll?: boolean
  /**
   * @description 有几列
   * @default 3
   */
  cols: number

  values?: CascaderValues
  cascaderData: CascaderData

  onSelected?: (data: SelectedData) => void

  /**
   * @description 是否启用popup模式
   */
  popup?: boolean
  title?: ReactNode
  confirmText?: string
  cancelText?: string
  clearText?: string
  hideClearBtn?: boolean
  /**
   * @description 取消文字颜色
   * @default '#007AFF'
   */
  cancelColor?: string

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

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

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

  titleColor?: 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: SelectedData) => void
}

declare const Cascader: FunctionComponent<CascaderProps>

export {Cascader}