passing children step-2

src/App.tsx

@@ -4,7 +4,7 @@ import Alert from "./components/Alert";
 function App() {
   return (
     <div>
-      <Alert text="Hello Marx"/>
+      <Alert>Hello Marx</Alert>
     </div>
   );
 }

src/components/Alert.tsx

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