import React from 'react'
import Themes from '../themes'
import { HuiThemes } from '../themes/presets'

const defaultTheme = Themes.getPresetStaticTheme()

export const ThemeContext: React.Context<HuiThemes> = React.createContext<HuiThemes>(defaultTheme)
export const useTheme = <T>(): HuiThemes & T =>
  React.useContext<HuiThemes>(ThemeContext) as HuiThemes & T