From c3cde71e60ae22d17c1d162f678f592915ac5398 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 19 Oct 2023 19:30:54 +0200
Subject: refactor(components): rewrite NavLink component

* handle style variants to avoid declaring the styles in consumers
---
 src/components/molecules/nav/nav-list.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

(limited to 'src/components/molecules/nav/nav-list.tsx')

diff --git a/src/components/molecules/nav/nav-list.tsx b/src/components/molecules/nav/nav-list.tsx
index b3c7138..a6acdcf 100644
--- a/src/components/molecules/nav/nav-list.tsx
+++ b/src/components/molecules/nav/nav-list.tsx
@@ -49,8 +49,7 @@ export const NavList: FC<NavListProps> = ({
   listClassName = '',
   ...props
 }) => {
-  const kindClass = `nav--${kind}`;
-  const navClass = `${styles.nav} ${styles[kindClass]} ${className}`;
+  const navClass = [styles[`nav--${kind}`], className].join(' ');
 
   /**
    * Get the nav items.
@@ -60,7 +59,7 @@ export const NavList: FC<NavListProps> = ({
     items.map(({ id, href, label, logo }) => (
       <ListItem key={id} className={styles.nav__item}>
         {kind === 'main' ? (
-          <NavLink href={href} label={label} logo={logo} />
+          <NavLink href={href} label={label} logo={logo} variant="main" />
         ) : (
           <Link href={href}>{label}</Link>
         )}
-- 
cgit v1.2.3

