// import '../styles/variables.css';
// import '../styles/globals.css';
// import Header from '../components/Header';
// import Footer from '../components/Footer';
// import { useLanguage } from '@/utils/LanguageProvider';
// import { I18nextProvider } from 'react-i18next';


// function MyApp({ Component, pageProps }) {
//   // const { t } = useTranslation();
//   // const { language, changeLanguage } = useLanguage();
//   // const isArabic = language === "ar";

//   return (
//     <I18nextProvider i18n={i18n}>
//       <LanguageProvider>
//         <div>
//           <Header />
//           <Component {...pageProps} />
//           <Footer />
//         </div>
//       </LanguageProvider>
//     </I18nextProvider>
//   );
// }

// // export default MyApp;
// export default appWithTranslation(MyApp);

import '../styles/variables.css';
import '../styles/globals.css';
import Header from '../components/Header';
import Footer from '../components/Footer';
import { I18nextProvider } from 'react-i18next';
import { LanguageProvider } from '@/utils/LanguageProvider';
import i18n from '@/utils/i18n';

function MyApp({ Component, pageProps }) {
  return (
    <I18nextProvider i18n={i18n}>
      <LanguageProvider>
        <div>
          <Header />
          <Component {...pageProps} />
          <Footer />
        </div>
      </LanguageProvider>
    </I18nextProvider>
  );
}

export default MyApp;
