guziki

src/App.tsx

@@ -1,15 +1,32 @@
-import React from "react";
-import TopBar from "./components/TopBar/"
-import Transfer from "./components/Transfer/"
+import React, { useState } from "react";
+import TopBar from "./components/TopBar/";
+import Transfer from "./components/Transfer/";
 import "./App.scss";
 
 function App() {
-	return (
-		<div className="App">
-			<TopBar/>
-			<Transfer/>
-		</div>
-	);
+  const [isOpen, setOpen] = useState(false);
+  const [text, setText] = useState("");
+
+  return (
+    <div className="App">
+      <TopBar
+        textChangeHandler={(e) => {
+          setText(e.target.value);
+        }}
+        handleOpen={(e) => {
+          setOpen(!isOpen);
+        }}
+        isOpen={isOpen}
+      />
+      <Transfer
+        isOpen={isOpen}
+        handleClose={(e) => {
+          setOpen(!isOpen);
+        }}
+      />
+	  <h1>{text}</h1>
+    </div>
+  );
 }
 
 export default App;