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