onClick event logged

src/components/ListGroup.tsx

@@ -1,14 +1,22 @@
 function ListGroup() {
-    let items = ['New York', 'San Francisco', 'Tokyo', 'London'];
+  let items = ["New York", "San Francisco", "Tokyo", "London"];
-    items = [];
+  //items = [];
 
-    return (
+  return (
-        <>
+    <>
-    <h1>List Name</h1>
+      <h1>List Name</h1>
-    {items.length === 0 && <p>No items found</p>}
+      {items.length === 0 && <p>No items found</p>}
-    <ul className="list-group">
+      <ul className="list-group">
-        {items.map(item => <li className="list-group-item" key={item}>{item}</li>)}
+        {items.map((item) => (
-    </ul>
+          <li
+            className="list-group-item"
+            key={item}
+            onClick={() => console.log("Clicked")}
+          >
+            {item}
+          </li>
+        ))}
+      </ul>
     </>
   );
 }