passing children step-1

src/App.tsx

@@ -1,15 +1,10 @@
-import ListGroup from "./components/ListGroup";
+import Alert from "./components/Alert";
 
-function App() {
-    let items = ["New York", "San Francisco", "Tokyo", "London"];
-
-    const handleSelectItem = (item: string) => {
-      console.log(item)
-    }
 
+function App() {
   return (
     <div>
-      <ListGroup items={items} heading="Cities" onSelectItem={handleSelectItem}/>
+      <Alert text="Hello Marx"/>
     </div>
   );
 }

src/components/Alert.tsx

@@ -0,0 +1,11 @@
+interface Props{
+    text: string;
+}
+
+function Alert({text} : Props) {
+  return (
+    <div className="alert alert-primary">{text}</div>
+  )
+}
+
+export default Alert