import Box from "@mui/material/Box";
import { Suspense } from "react";
import { I18nProvider, getServerI18n } from "@/i18n";
import GeneralLoading from "@/components/General/GeneralLoading";
import RouteBoard from "@/components/Shop/RouteBoard";

export default async function ShopRouteBoardPage() {
  await getServerI18n("shop", "navigation");
  return (
    <Box
      sx={{
        flex: 1,
        minHeight: 0,
        height: "100%",
        display: "flex",
        flexDirection: "column",
      }}
    >
      <I18nProvider namespaces={["shop","navigation","common"]}>
        <Suspense fallback={<GeneralLoading />}>
          <RouteBoard />
        </Suspense>
      </I18nProvider>
    </Box>
  );
}