login.js

import React from 'react';
import Amplify from 'aws-amplify';
import { AmplifyAuthenticator, AmplifySignOut } from '@aws-amplify/ui-react';
import awsconfig from '../aws-exports';
import { MyLayout } from '../components/MyLayout';

Amplify.configure(awsconfig);

const contentStyle = {
  paddingLeft: '0',
  paddingRight: '0',
  textAlign: 'center',
};

export default () => (
  <MyLayout contentStyle={contentStyle}>
    <AmplifyAuthenticator>
      <h2>ログインしました！</h2>
      <AmplifySignOut />
    </AmplifyAuthenticator>
  </MyLayout>
);