diff --git a/src/App.tsx b/src/App.tsx
index 184e1c1..a59440a 100644
--- a/src/App.tsx
+++ b/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>
   );
 }
diff --git a/src/components/Alert.tsx b/src/components/Alert.tsx
new file mode 100644
index 0000000..1b93ac8
--- /dev/null
+++ b/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
\ No newline at end of file