32 lines
800 B
React
32 lines
800 B
React
import Box from "@mui/material/Box";
|
|
import PropTypes from "prop-types";
|
|
import { useTheme } from "@emotion/react";
|
|
import BackgroundSVG from "../../../../assets/Images/background.svg";
|
|
import { useSelector } from "react-redux";
|
|
|
|
const AppLayout = ({ children }) => {
|
|
const theme = useTheme();
|
|
const ui = useSelector((state) => state.ui);
|
|
return (
|
|
<Box
|
|
sx={{
|
|
minHeight: "100vh",
|
|
backgroundColor: theme.palette.primaryBackground.main,
|
|
backgroundImage: ui?.mode === "dark" ? `url("${BackgroundSVG}")` : "none",
|
|
backgroundSize: "100% 100%",
|
|
backgroundPosition: "center",
|
|
backgroundRepeat: "no-repeat",
|
|
color: theme.palette.primary.contrastText,
|
|
}}
|
|
>
|
|
{children}
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
AppLayout.propTypes = {
|
|
children: PropTypes.node,
|
|
};
|
|
|
|
export default AppLayout;
|