1import { Box, Typography } from '@mui/material';
2import DesktopWindowsIcon from '@mui/icons-material/DesktopWindows';
4export default function MobileWarning() {
5 return (
6 <Box
7 sx={{
8 position: 'fixed',
9 top: 0,
10 left: 0,
11 width: '100vw',
12 height: '100vh',
13 backgroundColor: 'background.default',
14 display: 'flex',
15 flexDirection: 'column',
16 alignItems: 'center',
17 justifyContent: 'center',
18 padding: 3,
19 zIndex: 9999,
20 }}
21 >
22 <DesktopWindowsIcon sx={{ fontSize: 80, color: 'primary.main', mb: 3 }} />
23 <Typography variant="h5" align="center" gutterBottom>
24 Desktop Required
25 </Typography>
26 <Typography variant="body1" align="center" color="text.secondary">
27 Please view this visualization on a desktop computer to fully experience the ANS algorithm.
28 </Typography>
29 </Box>
30 );
31}