block11.js

// App.js

import React, { Component } from "react"

import "./App.css"

import Amplify from "aws-amplify"
import awsmobile from "./aws-exports"
import { withAuthenticator } from "aws-amplify-react"

Amplify.configure(awsmobile)

class App extends Component {
	render() {
		return (
			<div className='App'>
				<div className='App-header'>
					<h1>
						<span role='img' aria-label='write'>
							📝
						</span>
						React + Amplify NoteApp
					</h1>
					<form className='form-note'>
						<input type='text' className='form-input' placeholder='Add your note' />
						<button type='submit' className='form-button'>
							Add
						</button>
					</form>
				</div>
			</div>
		)
	}
}

export default withAuthenticator(App, true)