language-switcher2/src/components/LanguageSwitcher.js

A lightweight, reusable React package for adding multilingual support to your applications. This package uses `react-i18next` for translation management and provides a context provider for easy state management and language switching.

import React from 'react';
import { useLanguage } from './LanguageProvider';

const LanguageSwitcher = ({ languages = [] }) => {
  const { language, changeLanguage } = useLanguage();

  return (
    <div className="language-switcher">
      {languages.map((lang) => (
        <button
          key={lang}
          onClick={() => changeLanguage(lang)}
          className={language === lang ? 'active' : ''}
        >
          {lang.toUpperCase()}
        </button>
      ))}
    </div>
  );
};

export default LanguageSwitcher;