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 SignInForm from '../containers/SignInForm';
 7import {useTranslation} from 'react-i18next';
 8
 9const SignIn = () => {
10  const {t} = useTranslation();
11  return (
12    <Layout menuTitle={t('signin.title')}>
13      <Card>
14        <CardMedia component={Logo} />
15        <SignInForm />
16      </Card>
17    </Layout>
18  );
19};
20
21export default SignIn;