Logo Logo.js

100% Statements 6/6

100% Branches 0/0

100% Functions 2/2

100% Lines 5/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33  
 
 
 
12x
 
 
 
 
 
 
 
 
 
 
 
12x
1x
1x
 
 
 
 
 
 
 
12x
 
 
 
 
 
  import React from 'react';
import PropTypes from 'prop-types';
import { makeStyles } from '@material-ui/core/styles';
 
const useStyles = makeStyles(theme => ({
  container: {
    display: 'block',
    textAlign: 'center',
  },
  logo: {
    margin: theme.spacing(1),
    maxWidth: '100%',
    maxHeight: 150,
  },
}));
 
const Logo = ({ logo, children }) => {
  const classes = useStyles();
  return (
    <div className={classes.container}>
      <img className={classes.logo} src={logo} />
      {children}
    </div>
  );
};
 
Logo.propTypes = {
  logo: PropTypes.string,
  children: PropTypes.object,
};
 
export default Logo;