1import Link from 'next/link';
 2import Button from '@material-ui/core/Button';
 3import CardActions from '@material-ui/core/CardActions';
 4import {useTranslation} from 'react-i18next';
 5import {makeStyles} from '@material-ui/core/styles';
 6
 7const SignUpActions = () => {
 8  const {t} = useTranslation();
 9  const classes = useStyles();
10
11  return (
12    <CardActions className={classes.actions}>
13      <Link href="/auth/login" passHref>
14        <Button id="SignUpLogin" variant="text">
15          {t('signup.login')}
16        </Button>
17      </Link>
18    </CardActions>
19  );
20};
21
22const useStyles = makeStyles(theme => ({
23  actions: {
24    justifyContent: 'center',
25    marginBottom: theme.spacing(2),
26  },
27}));
28
29export default SignUpActions;