import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { ClerkProvider } from "@clerk/react";
import "./styles.css";

const root = createRoot(document.getElementById("root")!);
if (import.meta.env.DEV && window.location.pathname === "/__preview") {
  void import("./test/VisualPreview").then(({ default: VisualPreview }) => root.render(<StrictMode><VisualPreview /></StrictMode>));
} else {
  const publishableKey = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY;
  if (!publishableKey) throw new Error("Missing VITE_CLERK_PUBLISHABLE_KEY");
  void import("./App").then(({ default: App }) => root.render(<StrictMode><ClerkProvider publishableKey={publishableKey} afterSignOutUrl="https://kitsos.net"><App /></ClerkProvider></StrictMode>));
}