reactbits-mcp-server/src/components/context/LanguageContext/LanguageContext.jsx

MCP Server for React Bits - Access 99+ React components with animations, backgrounds, and UI elements

import { createContext, useState, useEffect } from 'react';

export const LanguageContext = createContext();

export function LanguageProvider({ children }) {
  const [languagePreset, setLanguagePreset] = useState(null);

  useEffect(() => {
    const language = localStorage.getItem('preferredLanguage') || 'JS';
    setLanguagePreset(language);
  }, [])

  useEffect(() => {
    localStorage.setItem('preferredLanguage', languagePreset)
  }, [languagePreset])

  return (
    <LanguageContext.Provider value={{ languagePreset, setLanguagePreset }}>
      {children}
    </LanguageContext.Provider>
  );
}