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