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