import { Suspense } from "react";
import { Routes, Route } from "react-router-dom";
import AdminApp from "./admin/AdminApp";

function AdminLoader() {
  return (
    <div
      style={{
        minHeight: "100dvh",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        background: "var(--bg-primary)",
      }}
    >
      <div className="admin-spinner" />
    </div>
  );
}

export default function App() {
  return (
    <Suspense fallback={<AdminLoader />}>
      <Routes>
        <Route path="/*" element={<AdminApp />} />
      </Routes>
    </Suspense>
  );
}