uptime

client/src/Components/v2/design-elements/BaseBox.tsx

@@ -0,0 +1,19 @@
+import Box, { type BoxProps } from "@mui/material/Box";
+import { useTheme } from "@mui/material/styles";
+
+export const BaseBox = ({ sx, ...rest }: BoxProps) => {
+	const theme = useTheme();
+	return (
+		<Box
+			{...rest}
+			sx={{
+				backgroundColor: theme.palette.background.paper,
+				border: 1,
+				borderStyle: "solid",
+				borderColor: theme.palette.divider,
+				borderRadius: theme.shape.borderRadius,
+				...sx,
+			}}
+		/>
+	);
+};