destructure compontents

Author: YuriDevAT

src/App.js

@@ -1,8 +1,8 @@
-import './App.css';
-import Header from "./components/Header/Header";
+import "./App.css";
+import Header from "./components/Header";
 import DownloadButton from "./components/DownloadButton";
 import ProgrammingExpertise from "./components/ProgrammingExpertise";
-import Education from './components/Education';
+import Education from "./components/Education";
 
 function App() {
   return (

src/Components/DownloadButton.js

@@ -0,0 +1,23 @@
+import React from "react";
+
+const DownloadButton = () => {
+  return (
+    <button
+      style={{
+        display: "flex",
+        alignItems: "center",
+      }}
+    >
+      <img
+        src="/images/download.svg"
+        alt=""
+        style={{
+          padding: "5px",
+        }}
+      ></img>
+      Download
+    </button>
+  );
+};
+
+export default DownloadButton;

src/Components/Header.js

@@ -0,0 +1,23 @@
+import React from "react";
+import "../Header.css";
+
+const Header = () => {
+  return (
+    <div>
+      <nav>
+        <div className="logo">
+          <img
+            className="imagelogo"
+            src="https://logo.clearbit.com/spotify.com"
+            alt="logo"
+          />
+        </div>
+        <div className="name">
+          <h2>Name</h2>
+        </div>
+      </nav>
+    </div>
+  );
+};
+
+export default Header;

src/Components/ProgrammingExpertise.jsx src/Components/ProgrammingExpertise.jssrc/Components/ProgrammingExpertise.jsx renamed to src/Components/ProgrammingExpertise.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./index.css";
+import App from "./App";
+import reportWebVitals from "./reportWebVitals";
 
-const root = ReactDOM.createRoot(document.getElementById('root'));
+const root = ReactDOM.createRoot(document.getElementById("root"));
 root.render(
   <React.StrictMode>
     <App />