import * as React from 'react'
import { oneRouter } from './oneRouter'
import { ReactRouterContextValue, ReactRouterContextType } from './typings'
import { OneRouterToRuleThemAll as OneRouter, EMPTY_ROUTER } from './OneRouterToRuleThemAll'
import { __RouterContext } from 'react-router'

// re-exporting a typed ReactRouterContext
export const ReactRouterContext = __RouterContext as ReactRouterContextType

export type OneRouterContextValue = ReactRouterContextValue<OneRouter>
// has to be as any because oneRouter EMPTY_ROUTER is not actually a router
// but it's enough for OneRouter to handle for each property
export const OneRouterContext = React.createContext<OneRouterContextValue>(EMPTY_ROUTER as any)
export const { Consumer, Provider } = OneRouterContext