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        <Divider />
18        <LoginGoogle />
19        <Divider />
20        <SignUpForm />
21      </Card>
22    </Layout>
23  );
24};
25
26export default SignUp;