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

const defaultTheme = Themes.getPresetStaticTheme()

export const ThemeContext: React.Context<GeistUIThemes> = React.createContext<GeistUIThemes>(
  defaultTheme,
)
export const useTheme = (): GeistUIThemes => React.useContext<GeistUIThemes>(ThemeContext)