1import {useTranslation} from 'react-i18next';
 2import Button from '@material-ui/core/Button';
 3import {makeStyles} from '@material-ui/core';
 4import theme from '../../theme';
 5
 6const LoginGoogle = () => {
 7  const {t} = useTranslation();
 8  const classes = useStyles();
 9
10  return (
11    <Button
12      variant="outlined"
13      color="primary"
14      fullWidth
15      href="/api/connect/google"
16    >
17      <img
18        className={classes.googleLogo}
19        height="25px"
20        src="/assets/google-icon.svg"
21        alt="Google Login"
22      />
23      {t('signin.withGoogle')}
24    </Button>
25  );
26};
27
28const useStyles = makeStyles((theme) => ({
29  googleLogo: {
30    marginRight: theme.spacing(1)
31  }
32}));
33
34export default LoginGoogle;