frontend/src/app/LoadingScreen.tsx
2024-10-29 13:05:00 -06:00

23 lines
No EOL
540 B
TypeScript

import { CircularProgress, Typography, useTheme } from "@mui/material";
interface Props {
message?: string;
}
export default function LoadingScreen(props: Props) {
const { message } = props;
const theme = useTheme();
return (
<>
<CircularProgress
size={150}
style={{ marginBottom: theme.spacing(4) }}
/>
<br/>
<Typography variant="h6">
{message ? message : "Loading..."}
</Typography>
</>
);
}