"use client";

import React, { createContext, useContext } from "react";

interface I18nContextValue {
  locale: string;
  messages: Record<string, Record<string, unknown>>;
}

const I18nContext = createContext<I18nContextValue>({
  locale: "en",
  messages: {},
});

export function I18nProvider({
  locale,
  messages,
  children,
}: I18nContextValue & { children: React.ReactNode }) {
  return (
    <I18nContext.Provider value={{ locale, messages }}>
      {children}
    </I18nContext.Provider>
  );
}

export function useI18n(): I18nContextValue {
  return useContext(I18nContext);
}