import React, { Dispatch, SetStateAction } from 'react'

export interface HeaderConfig {
  openPanel?: {
    get: string | null
    set: Dispatch<SetStateAction<string>>
  }
  toggleNavItem?: (newPanel: string) => void
}

export const HeaderContext = React.createContext<HeaderConfig>({})

export const useHeaderContext = (): HeaderConfig => React.useContext<HeaderConfig>(HeaderContext)