"use client";

import dynamic from "next/dynamic";
import { Box, CircularProgress } from "@mui/material";

const ThreeDimensionalScene = dynamic(
  () => import("@components/threeDimensional/ThreeDimensionalScene"),
  {
    ssr: false,
    loading: () => (
      <Box sx={{ height: "100%", display: "grid", placeItems: "center" }}>
        <CircularProgress size={32} />
      </Box>
    ),
  },
);

export default function ThreeDimensionalScenePage() {
  return <ThreeDimensionalScene />;
}