Add style css for component Header and Make component Header

src/App.js

@@ -1,13 +1,17 @@
 import React from "react";
-/* import Header from "./components/Header"; */
+import Header from "./components/Header";
+import Link from "./components/Link";
 /* import Main from "./components/Main"; */
 
 const App = () => {
   return (
     <>
-      {/* <Header /> */}
+      <Header className="header" >
+        <Link/>
+        <p>Search</p>
+        <Link/>
+      </Header>
       {/* <Main /> */}
-      Funcionando
     </>
   );
 };

src/components/Header.js

@@ -1,10 +1,10 @@
 import "../stylesheets/Header.css";
 
-const Header = () => {
+const Header = ({className,children}) => {
   return (
-    <div>
-    Header
-    </div>
+    <header className={className}>
+      {children}
+    </header>
   );
 };
 

src/stylesheets/Header.css

@@ -0,0 +1,9 @@
+.header {
+  height: 83px;
+  padding: 16px 32px;
+  display: flex;
+  gap: 37px;
+/*   justify-content: space-between; */
+  align-items: center;
+  background-color: var(--background-header);
+}