text: import React from 'react';
  import { Link } from 'react-router-dom';
  import { Grid, Typography, Button } from '@material-ui/core/';
  import Cart from './Cart';
  
  const Header = () => {
      return(
          <Grid container direction="row" justify="space-between" alignItems="center" xs={12}>
              <Typography variant='h3'>
                  Shopping DIO
              </Typography>
              <Link to="/">
                  <Button color="primary">Home</Button>
              </Link>
              <Link to="/contato">
                  <Button color="primary">Contatos</Button>
              </Link>
              <Cart />   
  
              
          </Grid>
      )
  }
  
  export default Header;
  