From 5db21d6a09c105b942d40c8cbc3dc1643b2b57d0 Mon Sep 17 00:00:00 2001
From: Gerardo Marx <gmarx_cc@itmorelia.edu.mx>
Date: Sat, 30 May 2026 11:44:41 -0600
Subject: [PATCH] onClick event logged

---
 src/components/ListGroup.tsx | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

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