import { createRoot } from "react-dom/client";
import App from "./App";
import "./index.css";
import "./scss/style.scss";
import { initI18n } from "./i18n";

const rootEl = document.getElementById("root");

if (!rootEl) {
  throw new Error("Root element #root not found");
}

initI18n()
  .then(() => {
    createRoot(rootEl).render(<App />);
  })
  .catch((err: unknown) => {
    console.error("Failed to initialize app:", err);
    rootEl.innerHTML = `<div style="padding:2rem;font-family:sans-serif;color:#b91c1c">
      <h1>Failed to load</h1>
      <p>${err instanceof Error ? err.message : "Unknown error"}</p>
    </div>`;
  });