import React, { createContext, useContext, ProviderProps } from 'react'

import { OptionsOverlayCtxValue } from './Overlay'
import { Value } from './common'

export type SelectCtxValue<T> = OptionsOverlayCtxValue<T>

/** Select 中传递信息的 context，包含当前值及选中操作的回调等信息 */
const selectCtx = createContext<SelectCtxValue<Value>>({
  selected: [],
  onSelect: () => undefined,
  multiple: false,
  size: 'default'
})

export function useSelectCtx<T>() {
  return useContext(selectCtx) as unknown as SelectCtxValue<T>
}

export function SelectProvider<T>({ value, children }: ProviderProps<SelectCtxValue<T>>) {
  return <selectCtx.Provider value={value as any}>{children}</selectCtx.Provider>
}