From f79ce6ac83960498b633cbc9e617bd77c1f29dcb Mon Sep 17 00:00:00 2001
From: Robert <robert.tm2018@gmail.com>
Date: Fri, 19 Feb 2021 11:51:43 -0500
Subject: [PATCH 1/2] Add style css for component Header and Make component
 Header

---
 src/App.js                 | 10 +++++++---
 src/components/Header.js   |  8 ++++----
 src/stylesheets/Header.css |  9 +++++++++
 3 files changed, 20 insertions(+), 7 deletions(-)
 create mode 100644 src/stylesheets/Header.css

diff --git a/src/App.js b/src/App.js
index ec8867e..1b0aaee 100644
--- a/src/App.js
+++ b/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
     </>
   );
 };
diff --git a/src/components/Header.js b/src/components/Header.js
index f3168c1..0d9b989 100644
--- a/src/components/Header.js
+++ b/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>
   );
 };
 
diff --git a/src/stylesheets/Header.css b/src/stylesheets/Header.css
new file mode 100644
index 0000000..e74e984
--- /dev/null
+++ b/src/stylesheets/Header.css
@@ -0,0 +1,9 @@
+.header {
+  height: 76px;
+  padding: 16px 32px;
+  display: flex;
+  gap: 37px;
+/*   justify-content: space-between; */
+  align-items: center;
+  background-color: var(--background-header);
+}
\ No newline at end of file

From 4cc109b60a5db9df951aae6953820f525339acdf Mon Sep 17 00:00:00 2001
From: Robert <robert.tm2018@gmail.com>
Date: Fri, 19 Feb 2021 12:00:11 -0500
Subject: [PATCH 2/2] Modified height of header

---
 src/stylesheets/Header.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/stylesheets/Header.css b/src/stylesheets/Header.css
index e74e984..a1b01cc 100644
--- a/src/stylesheets/Header.css
+++ b/src/stylesheets/Header.css
@@ -1,5 +1,5 @@
 .header {
-  height: 76px;
+  height: 83px;
   padding: 16px 32px;
   display: flex;
   gap: 37px;