1import React from 'react';
 2import {makeStyles} from '@material-ui/core/styles';
 3import logo from '../../assets/logo.png';
 4
 5const Logo = () => {
 6  const classes = useStyles();
 7  return (
 8    <div className={classes.layout}>
 9      <a href="https://caroster.io" className={classes.link}>
10        <img src={logo} alt="Caroster" className={classes.logo} />
11      </a>
12    </div>
13  );
14};
15
16const useStyles = makeStyles(theme => ({
17  layout: {
18    display: 'flex',
19    justifyContent: 'center',
20    paddingTop: '1rem',
21    paddingBottom: '1rem',
22  },
23  link: {
24    width: '60%',
25  },
26  logo: {
27    display: 'block',
28    width: '100%',
29    height: 'auto',
30  },
31}));
32export default Logo;