1import Card from '@material-ui/core/Card';
 2import CardMedia from '@material-ui/core/CardMedia';
 3import Divider from '@material-ui/core/Divider';
 4import {useTranslation} from 'react-i18next';
 5import Layout from '../../layouts/Centered';
 6import Logo from '../../components/Logo';
 7import SignUpForm from '../../containers/SignUpForm';
 8import LoginGoogle from '../../containers/LoginGoogle';
 9
10const SignUp = () => {
11  const {t} = useTranslation();
12  return (
13    <Layout menuTitle={t('signup.title')} displayMenu={false}>
14      <Card>
15        <CardMedia component={Logo} />
16        <SignUpForm />
17        <Divider />
18        <LoginGoogle />
19      </Card>
20    </Layout>
21  );
22};
23
24export default SignUp;