Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
40 lines
902 B
JavaScript
40 lines
902 B
JavaScript
import * as React from 'react';
|
|
import Container from '@mui/material/Container';
|
|
import Typography from '@mui/material/Typography';
|
|
import Box from '@mui/material/Box';
|
|
import Link from '@mui/material/Link';
|
|
import ProTip from './ProTip';
|
|
|
|
function Copyright() {
|
|
return (
|
|
<Typography
|
|
variant="body2"
|
|
align="center"
|
|
sx={{
|
|
color: 'text.secondary',
|
|
}}
|
|
>
|
|
{'Copyright © '}
|
|
<Link color="inherit" href="https://mui.com/">
|
|
Your Website
|
|
</Link>{' '}
|
|
{new Date().getFullYear()}
|
|
{'.'}
|
|
</Typography>
|
|
);
|
|
}
|
|
|
|
export default function App() {
|
|
return (
|
|
<Container maxWidth="sm">
|
|
<Box sx={{ my: 4 }}>
|
|
<Typography variant="h4" component="h1" sx={{ mb: 2 }}>
|
|
Material UI Express.js server-rendered example
|
|
</Typography>
|
|
<ProTip />
|
|
<Copyright />
|
|
</Box>
|
|
</Container>
|
|
);
|
|
}
|