1import Link from 'next/link';
 2import { styled } from '@mui/material/styles';
 3import Button from '@mui/material/Button';
 4import CardActions from '@mui/material/CardActions';
 5import {useTranslation} from 'react-i18next';
 6const PREFIX = 'SignUpActions';
 7
 8const classes = {
 9  actions: `${PREFIX}-actions`
10};
11
12const StyledCardActions = styled(CardActions)((
13  {
14    theme
15  }
16) => ({
17  [`&.${classes.actions}`]: {
18    justifyContent: 'center',
19    marginBottom: theme.spacing(2),
20  }
21}));
22
23const SignUpActions = () => {
24  const {t} = useTranslation();
25
26
27  return (
28    <StyledCardActions className={classes.actions}>
29      <Link href="/auth/login" passHref>
30        <Button id="SignUpLogin" variant="text">
31          {t('signup.login')}
32        </Button>
33      </Link>
34    </StyledCardActions>
35  );
36};
37
38export default SignUpActions;