feat: NavItem 에 Text 반영

GDSC-Hongik · Aug 13, 2024 · 9e71d51 · 9e71d51
1 parent 9e1da4a
commit 9e71d51
Showing 1 changed file with 7 additions and 9 deletions.
diff --git a/packages/ui/src/components/NavItem/index.tsx b/packages/ui/src/components/NavItem/index.tsx
@@ -8,6 +8,7 @@ import { useSelectedLayoutSegments } from "next/navigation";
 import { useState } from "react";
 
 import arrowImageUrl from "../../assets/arrow.svg";
+import Text from "../Text";
 
 /**
  * @description 내비게이션 바에서 사용하는 내비게이션 아이템 컴포넌트입니다.
@@ -66,7 +67,9 @@ const NavItem = ({ href, imageUrl, alt, name, items }: NavItemProps) => {
           src={imageUrl}
           width={20}
         />
-        <div className={navItemTextStyle}>{name}</div>
+        <Text as="div" typo="body1">
+          {name}
+        </Text>
         {items?.length && items?.length > 1 && (
           <Image
             alt="toggle-icon"
@@ -102,7 +105,9 @@ const NavItem = ({ href, imageUrl, alt, name, items }: NavItemProps) => {
                   src={item.imageUrl}
                   width={20}
                 />
-                <div className={navItemTextStyle}>{item.name}</div>
+                <Text as="div" typo="body1">
+                  {item.name}
+                </Text>
               </Link>
             </li>
           ))}
@@ -133,10 +138,3 @@ const navItemStyle = cva({
     },
   },
 });
-
-const navItemTextStyle = css({
-  fontSize: "16px",
-  fontWeight: 500,
-  lineHeight: "160%",
-  letterSpacing: "-0.16px",
-});