Header.js

import React from 'react'
import { Grid, AppBar, Toolbar, Typography, Button } from '@material-ui/core';

function Header() {
    return (
        <Grid item xs={12}>
            <AppBar position="static">
                <Toolbar>
                    <Typography variant="h6" flexGrow={1}>
                        Compforge
                    </Typography>
                    <Button color="inherit">Login</Button>
                </Toolbar>
            </AppBar>
        </Grid>
    )
}

export default Header