You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
776 B
30 lines
776 B
import { FunctionComponent } from 'react'; |
|
import AppBar from '@material-ui/core/AppBar'; |
|
import { makeStyles, createStyles } from '@material-ui/core/styles'; |
|
import Image from 'next/image'; |
|
|
|
// import DEFAULT_THEME from '../../lib/consts/DEFAULT_THEME'; |
|
|
|
const useStyles = makeStyles((theme) => |
|
createStyles({ |
|
appBar: { |
|
paddingTop: theme.spacing(0.5), |
|
paddingBottom: theme.spacing(0.5), |
|
paddingLeft: theme.spacing(3), |
|
paddingRight: theme.spacing(0.5), |
|
}, |
|
}), |
|
); |
|
|
|
const Header: FunctionComponent = () => { |
|
const classes = useStyles(); |
|
return ( |
|
<AppBar position="static" className={classes.appBar}> |
|
<div> |
|
<Image src="/pngs/logo.png" width="160" height="40" /> |
|
</div> |
|
</AppBar> |
|
); |
|
}; |
|
|
|
export default Header;
|
|
|