"use client"
import { createContext, useContext, useState, type ReactNode } from "react"

export type Language = "en" | "vn"

interface LanguageContextType {
  currentLang: Language
  setCurrentLang: (lang: Language) => void
}

const LanguageContext = createContext<LanguageContextType | undefined>(undefined)

export function LanguageProvider({ children }: { children: ReactNode }) {
  const [currentLang, setCurrentLang] = useState<Language>("en")

  return <LanguageContext.Provider value={{ currentLang, setCurrentLang }}>{children}</LanguageContext.Provider>
}

export function useLanguage() {
  const context = useContext(LanguageContext)
  if (context === undefined) {
    throw new Error("useLanguage must be used within a LanguageProvider")
  }
  return context
}