From 86b9f1a0866aa07a85d84f21919a3c77337d33ec Mon Sep 17 00:00:00 2001
From: danielmoliaribarbosa <danielmoliaribarbosa@gmail.com>
Date: Fri, 20 Jan 2023 04:11:12 -0300
Subject: [PATCH] feature(footer): Implementa React e Typescript para o footer.

---
 src/components/Navegation.tsx | 41 +++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 src/components/Navegation.tsx

diff --git a/src/components/Navegation.tsx b/src/components/Navegation.tsx
new file mode 100644
index 0000000..5bb9011
--- /dev/null
+++ b/src/components/Navegation.tsx
@@ -0,0 +1,41 @@
+import { useState } from "react";
+import { NavLink } from "react-router-dom";
+
+import "./Navegation.modules.scss";
+
+export const Navegation = () => {
+  const [isActive, setIsActive] = useState(false);
+
+  const handlechange = () => {
+    setIsActive((isActive) => !isActive);
+  };
+
+  let toggleClassCheck = isActive ? "active" : "";
+
+  return (
+    <>
+      <nav className="MenuRoutes">
+        <ul className="links_wrapper">
+          <li className={`Title_links ${toggleClassCheck} `}>
+            <NavLink to={"/"}> Sobre </NavLink>
+          </li>
+          <li className={`Title_links ${toggleClassCheck} `}>
+            <NavLink to={"/Pagamentos"}> Formas de Pagamento </NavLink>
+          </li>
+          <li className={`Title_links ${toggleClassCheck} `}>
+            <NavLink to={"/Entrega"}> Entrega </NavLink>
+          </li>
+          <li className={`Title_links ${toggleClassCheck} `}>
+            <NavLink to={"/Devolução"}> Troca e Devolução </NavLink>
+          </li>
+          <li className={`Title_links ${toggleClassCheck} `}>
+            <NavLink to={"/Segurança"}> Segurança e Privacidade </NavLink>
+          </li>
+          <li className={`Title_links ${toggleClassCheck} `}>
+            <NavLink to={"/Contatos"}> Contatos </NavLink>
+          </li>
+        </ul>
+      </nav>
+    </>
+  );
+};