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