/**
 * 给 Link 组件用来获取环境变量的 context
 */
import React, { createContext, PropsWithChildren, useContext } from 'react'

export type EnvContextValue = {
  /**
   * 环境中的文字颜色是否是蓝色。如果是蓝色 Link 会显示下划线
   */
  isBlue: boolean
}

const envContext = createContext<EnvContextValue>({ isBlue: false })

export function useEnv() {
  return useContext(envContext)
}

export type EnvProviderProps = PropsWithChildren<{ isBlue: boolean }>
export function EnvProvider(
  { children, isBlue = false }: EnvProviderProps
) {
  return <envContext.Provider value={{ isBlue }}>{children}</envContext.Provider>
}