37 lines
955 B
TypeScript
37 lines
955 B
TypeScript
import React, {memo} from 'react';
|
|
import {createStyles, makeStyles, Theme} from '@material-ui/core/styles';
|
|
import AppBar from '@material-ui/core/AppBar';
|
|
import Toolbar from '@material-ui/core/Toolbar';
|
|
import Typography from '@material-ui/core/Typography';
|
|
|
|
const useStyles = makeStyles((theme: Theme) =>
|
|
createStyles({
|
|
root: {
|
|
flexGrow: 1,
|
|
},
|
|
menuButton: {
|
|
marginRight: theme.spacing(2),
|
|
},
|
|
title: {
|
|
flexGrow: 1,
|
|
},
|
|
}),
|
|
);
|
|
|
|
const TopMenu: React.FC = () => {
|
|
const classes = useStyles();
|
|
return (
|
|
<div className={classes.root}>
|
|
<AppBar position="static">
|
|
<Toolbar>
|
|
<Typography variant="h6" className={classes.title}>
|
|
Free your brain
|
|
</Typography>
|
|
</Toolbar>
|
|
</AppBar>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default memo(TopMenu);
|