1import CardContent from '@material-ui/core/CardContent';
 2import {useTranslation} from 'react-i18next';
 3import {makeStyles} from '@material-ui/core/styles';
 4import Button from '@material-ui/core/Button';
 5
 6const LoginGoogle = () => {
 7  const {t} = useTranslation();
 8  const classes = useStyles();
 9
10  return (
11    <CardContent className={classes.content}>
12      <Button
13        variant="outlined"
14        color="primary"
15        href="/connect/google"
16        startIcon={<img src="/assets/google-icon.svg" alt="Google Login" />}
17      >
18        {t('signin.withGoogle')}
19      </Button>
20    </CardContent>
21  );
22};
23
24const useStyles = makeStyles(theme => ({
25  content: {
26    display: 'flex',
27    flexDirection: 'column',
28    alignItems: 'center',
29    padding: theme.spacing(4, 0),
30  },
31  googleIcon: {
32    height: 32,
33    width: 32,
34  },
35}));
36
37export default LoginGoogle;