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 (
<>
- {/* */}
+
{/* */}
- 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 (
-
- Header
-
+
);
};
diff --git a/src/stylesheets/Header.css b/src/stylesheets/Header.css
new file mode 100644
index 0000000..a1b01cc
--- /dev/null
+++ b/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);
+}
\ No newline at end of file