import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import App from "./App";
import { I18nProvider } from "./i18n/I18nContext";
import "./styles/tokens.css";
import "./styles/app.css";
import { applyTheme, loadThemePref } from "./hooks/useTheme";
import { readUrl } from "./utils/url";

const lang = readUrl(window.location.search).lang ?? "vi";
document.documentElement.lang = lang;
applyTheme(loadThemePref());

createRoot(document.getElementById("root")!).render(
  <StrictMode>
    <I18nProvider initial={lang}>
      <App />
    </I18nProvider>
  </StrictMode>,
);