"use client";

import type { ReactNode } from "react";

import Box from "@mui/material/Box";
import { useTheme } from "@mui/material/styles";

export function DashboardPageContainer({ children }: { children: ReactNode }) {
  const theme = useTheme();

  return (
    <Box
      sx={{
        width: "100%",
        px: { xs: 2, sm: 2.5, lg: 2.5 },
        py: { xs: 2.5, lg: 2 },
        backgroundColor: theme.palette.background.default,
        color: theme.palette.text.primary,
      }}
    >
      {children}
    </Box>
  );
}