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 ( <> - {/*
*/} +
+ +

Search

+ +
{/*
*/} - 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 -
+
+ {children} +
); }; 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