import { createContext, useContext } from 'react'
import invariant from 'tiny-invariant'

import type { ComboboxState } from './hooks/useSearchBoxState'

export const StateContext = createContext<ComboboxState<any> | null>(null)

export function useStateContext() {
  const context = useContext(StateContext)

  invariant(context, 'state not found')

  return context
}