1import React from 'react';
 2import CardContent from '@material-ui/core/CardContent';
 3import {useTranslation} from 'react-i18next';
 4import {makeStyles} from '@material-ui/core/styles';
 5import Button from '@material-ui/core/Button';
 6
 7const LoginGoogle = () => {
 8  const {t} = useTranslation();
 9  const classes = useStyles();
10
11  return (
12    <CardContent className={classes.content}>
13      <Button variant="contained" color="primary" href="/connect/google">
14        {t('signin.withGoogle')}
15      </Button>
16    </CardContent>
17  );
18};
19
20const useStyles = makeStyles(theme => ({
21  content: {
22    display: 'flex',
23    flexDirection: 'column',
24    alignItems: 'center',
25    padding: theme.spacing(4, 0),
26  },
27}));
28
29export default LoginGoogle;