tln-pm/app/src/components/shared/UnderConstruction.jsx

Project Management as Code

import { Typography, Container } from "@mui/material";
import BuildIcon from "@mui/icons-material/Build";

function UnderConstruction(props) {
  return (
    <Container
      maxWidth="md"
      sx={{
        display: "flex",
        flexDirection: "column",
        alignItems: "center",
        justifyContent: "center",
        height: "50vh",
        textAlign: "center",
      }}
    >
      <BuildIcon sx={{ fontSize: 32, color: "primary.main", mb: 2 }} />
      <Typography variant="h5" fontWeight="bold" gutterBottom>
        Under Construction
      </Typography>
      <Typography variant="h7" color="text.secondary" mb={3}>
        We&apos;re working on something great. Stay tuned!
      </Typography>
      {props.details && (
        <Typography variant="h6" color="text.secondary">
          {props.details}
        </Typography>
      )}
    </Container>
  );
}
export default UnderConstruction;