import DashboardCDNServerStatus from "@/components/DashboardCDNServerStatus";
import DashboardStatistics from "@/components/DashboardStatistics";
import Loader from "@/components/Loader";
import RoleGuard from "@/components/RoleGuard";

import React, {Suspense} from "react";

export default function Page() {
  return (
    <div className="grid grid-cols-12 gap-x-4">
      <div className="col-span-8">
        <Suspense fallback={<Loader />}>
          <DashboardStatistics />
        </Suspense>
      </div>
      <div className="col-span-4">
        <Suspense fallback={<Loader />}>
          <RoleGuard roles={["ADMIN","DEVELOPER"]}>
            <DashboardCDNServerStatus />
          </RoleGuard>
        </Suspense>
      </div>
    </div>
  );
}
