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 SignUpForm from '../../containers/SignUpForm';
 7import LoginGoogle from '../../containers/LoginGoogle';
 8import Logo from '../../components/Logo';
 9import LanguagesIcon from '../../containers/Languages/Icon';
10
11const SignUp = () => {
12  const {t} = useTranslation();
13  return (
14    <Layout menuTitle={t('signup.title')} displayMenu={false}>
15      <Card>
16        <CardMedia component={Logo} />
17        <SignUpForm />
18        <Divider />
19        <LoginGoogle />
20        <LanguagesIcon />
21      </Card>
22    </Layout>
23  );
24};
25
26export default SignUp;