import { ComponentType, ReactNode } from 'react'

// * @see https://medium.com/@mtiller/react-16-3-context-api-intypescript-45c9eeb7a384
type Provider<T> = React.ComponentType<{
  value: T
  children?: ReactNode
}>
type Consumer<T> = ComponentType<{
  children: (value: T) => ReactNode
  unstable_observedBits?: number
}>
interface Context<T> {
  Provider: Provider<T>
  Consumer: Consumer<T>
}
export function createContext<T>(
  defaultValue: T,
  calculateChangedBits?: (prev: T, next: T) => number
): Context<T>