import { createContext, useContext } from 'react'

export type CollapsePanelValue = string | number
export interface CollapseContextValue<T extends CollapsePanelValue> {
  value: T[]
  toggleActive: (value: T) => void
}

export const collapseContext = createContext<CollapseContextValue<CollapsePanelValue> | null>(null)

export function useCollapse<T extends CollapsePanelValue>() {
  const contextValue = useContext(collapseContext) as (CollapseContextValue<T> | null)
  if (contextValue == null) {
    throw Error('CollapsePanel should be used in Collapse.')
  }
  return contextValue
}