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