import { AppBar , createStyles , Theme , Toolbar , Typography } from '@material-ui/core' ; import { makeStyles } from '@material-ui/core/styles' ; import React from 'react' ; const useStyles = makeStyles ( ( theme ) => createStyles ( { title : { flexGrow : 1 , } , } ) ) ; const Header = ( ) => { const classes = useStyles ( ) ; return ( < AppBar position = "static" > < Toolbar > < Typography variant = "h6" className = { classes . title } > Rusty Chat < /Typography> < /Toolbar> < /AppBar>); } ; export default Header ;