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