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