orchetera/template/src/pages/Components/GradientContainer.jsx

Welcome to **Orchetera** — your orchestration tool to kickstart Firebase-ready projects with ease!

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

const GradientElement = styled(Box)(({ theme }) => ({
  height: "100vh",
  background: `linear-gradient(60deg, #05E0DD 0%, #C802BE 100%)`,
  color: theme.palette.primary.contrastText,
  textAlign: "center",
  overflow: "hidden",
}));

const GradientContainer = ({ children, ...props }) => {
  const theme = useTheme();
  return <GradientElement {...props}>{children}</GradientElement>;
};

export default GradientContainer;