From 56d58516f44db3135309297cd75ebf5a03048e36 Mon Sep 17 00:00:00 2001
From: cmarin001 <cmarin6051@gmail.com>
Date: Tue, 4 Jun 2024 15:49:33 -0500
Subject: [PATCH] fix: adjustment in order to use semantic HTML

---
 src/Nav/index.tsx | 22 +++++++++++++---------
 src/Nav/styles.js |  2 +-
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/Nav/index.tsx b/src/Nav/index.tsx
index f06dfcf..4113ccb 100644
--- a/src/Nav/index.tsx
+++ b/src/Nav/index.tsx
@@ -22,8 +22,8 @@ import { Icon } from "@inubekit/icon";
 
 interface INav {
   navigation: INavNavigation;
-  logoutPath: string;
-  logoutTitle: string;
+  logoutPath?: string;
+  logoutTitle?: string;
   collapse?: boolean;
 }
 
@@ -204,13 +204,17 @@ const Nav = (props: INav) => {
               logoutTitle={logoutTitle}
             />
           )}
-          <SeparatorLine />
-          <NavLink
-            id="logout"
-            label={logoutTitle}
-            icon={<MdLogout />}
-            path={logoutPath}
-          />
+          {logoutTitle && logoutPath && (
+            <>
+              <SeparatorLine />
+              <NavLink
+                id="logout"
+                label={logoutTitle}
+                icon={<MdLogout />}
+                path={logoutPath}
+              />
+            </>
+          )}
         </Stack>
         <StyledFooter>
           <Stack justifyContent="center">
diff --git a/src/Nav/styles.js b/src/Nav/styles.js
index ff35766..6224480 100644
--- a/src/Nav/styles.js
+++ b/src/Nav/styles.js
@@ -33,7 +33,7 @@ const StyledFooter = styled.footer`
   width: 100%;
 `;
 
-const StyledNav = styled.div`
+const StyledNav = styled.nav`
   width: 248px;
   box-sizing: border-box;
   background-color: ${({ theme }) =>