import './App.css';
function Alert(props) {
	return (
		<div className="alert">
			<h2>{props.title}</h2>
			<p>{props.content}</p>
		</div>
	)
}
function Card(props) {
	return (
		<div className="card">
			<h2>{props.title}</h2>
			<p>{props.content}</p>
		</div>
	)
}
App() {
	const list = [
		<li>項目1のメッセージです。</li>,
		<li>項目2のメッセージです。</li>,
		< li > 項目3のメッセージです。</li >,
	]
	return (
		<div className='App'>
			<h1>React sample</h1>
			<header className="container">
				<ol>
					{list}
				</ol>
			</header>
		</div>
	);
}
export default App;