From c5d9ef361b8ab3abc53d1d0dd73f0a8fa9607277 Mon Sep 17 00:00:00 2001
From: Jakub Knetl <knetl.j@gmail.com>
Date: Thu, 21 Dec 2023 14:52:08 +0100
Subject: [PATCH] Chapter 6 - use props and javascript list

---
 index.html | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 38fb106..2452480 100644
--- a/index.html
+++ b/index.html
@@ -8,14 +8,21 @@
     <script type="text/jsx">
         const app = document.getElementById('app');
 
-        function Header () {
-            return <h1>Develop. Preview. Ship.</h1>
+        function Header ({ title }) {
+            return <h1>{title}</h1>
         }
 
         function HomePage() {
+            const names = ['Ada Lovelace', 'Grace Hopper', 'Margaret Hamilton'];
+
             return (
                 <div> 
-                    <Header />
+                    <Header title="Develop. Preview. Ship." />
+                    <ul>
+                        {names.map((name) =>  (
+                            <li key={name}> {name} </li>
+                        ))}
+                    </ul>
                 </div>
                 )
         }