conditional rendering

src/components/ListGroup.tsx

@@ -1,9 +1,11 @@
 function ListGroup() {
-    const items = ['New York', 'San Francisco', 'Tokyo', 'London'];
+    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>