005cf56baf
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
38 lines
1007 B
TypeScript
38 lines
1007 B
TypeScript
import * as React from 'react';
|
|
import Container from '@mui/material/Container';
|
|
import Typography from '@mui/material/Typography';
|
|
import { makeStyles } from '@mui/styles';
|
|
import { Link } from '../src/Link';
|
|
import ProTip from '../src/ProTip';
|
|
import Copyright from '../src/Copyright';
|
|
|
|
const useStyles = makeStyles((theme) => ({
|
|
main: {
|
|
marginTop: theme.spacing(4),
|
|
marginBottom: theme.spacing(4),
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
},
|
|
}));
|
|
|
|
export default function Home() {
|
|
const classes = useStyles();
|
|
|
|
return (
|
|
<Container maxWidth="lg">
|
|
<div className={classes.main}>
|
|
<Typography variant="h4" component="h1" sx={{ mb: 2 }}>
|
|
Material UI - Next.js example in TypeScript with legacy @mui/styles
|
|
</Typography>
|
|
<Link href="/about" color="secondary">
|
|
Go to the about page
|
|
</Link>
|
|
<ProTip />
|
|
<Copyright />
|
|
</div>
|
|
</Container>
|
|
);
|
|
}
|