import { FunctionComponent } from "react" ; import { Box , Grid , makeStyles , Theme , Typography } from "@material-ui/core" ; import { NodeConnected } from "../components" ; const useStyles = makeStyles ( ( theme ) => ( { root : { [ theme . breakpoints . down ( "sm" ) ] : { paddingTop : theme . spacing ( 7 ) , } , } , } ) ) ; const Head = ( ) => { const classes = useStyles ( ) ; return ( < Grid container alignItems = "center" className = { classes . root } > < Grid item xs = { 6 } > < Box paddingX = { 2 } > < Typography variant = "h1" > Burnr < /Typography> < /Box> < /Grid> < Grid item xs = { 6 } > < NodeConnected /> < /Grid> < /Grid>); } ; export default Head ;