import { Html, Head, Main, NextScript } from 'next/document';
// import { initReactI18next, I18nextProvider } from "react-i18next";
// import i18n from "../../public/lang/i18n";
// import { LanguageProvider } from "../../src/utils/LanguageProvider";

export default function Document() {
  // const { language, changeLanguage } = useLanguage();
  // const isArabic = language === "ar";

  return (
    <Html lang="ar" data-theme="light">
      <Head>
        <meta name="theme-color" content="#ffffff" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <link rel="apple-touch-icon" href="/icon-192.png" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="default" />
        <link rel="manifest" href="/manifest.json" />
        <link rel="icon" href="/favicon.ico" />
      </Head>
      <body>
        {/* <I18nextProvider i18n={i18n}> */}
          {/* <LanguageProvider> */}
            {/* <> */}
              <Main />
              <NextScript />
            {/* </> */}
          {/* </LanguageProvider>
        </I18nextProvider> */}
      </body>
    </Html>
  );
}
