import React from "react";
import { createRoot, hydrateRoot } from "react-dom/client";
import "@fontsource/inter/latin-400.css";
import "@fontsource/inter/latin-500.css";
import "@fontsource/inter/latin-600.css";
import "@fontsource/inter/latin-700.css";
import "@fontsource/noto-sans-devanagari/devanagari-400.css";
import "@fontsource/noto-sans-devanagari/devanagari-500.css";
import "@fontsource/noto-sans-devanagari/devanagari-600.css";
import App from "./App";
import "./styles.css";

const element = document.getElementById("root")!;
const application = (
  <React.StrictMode>
    <App initialPath={window.location.pathname} />
  </React.StrictMode>
);
if (element.hasChildNodes()) hydrateRoot(element, application);
else createRoot(element).render(application);