app/src/components/Logo/index.js (view raw)
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;