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