Break into smaller components

2024-09-13 12:00:31 +02:00
parent a640fd057e
commit e8b5ec544e
17 changed files with 154 additions and 153 deletions
--- a/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx
+++ b/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx
@@ -0,0 +1,24 @@
+"use client"
+import NavigationMenuItem from "../NavigationMenuItem"
+
+import styles from "../navigationMenu.module.css"
+
+export default function NavigationMenuList({
+  isMobile,
+  items,
+}: {
+  isMobile: boolean
+  items: any
+}) {
+  return (
+    <ul
+      className={`${styles.navigationMenu} ${isMobile ? styles.mobile : styles.desktop}`}
+    >
+      {items.map((item: any) => (
+        <li key={item.title} className={styles.item}>
+          <NavigationMenuItem isMobile={isMobile} item={item} />
+        </li>
+      ))}
+    </ul>
+  )
+}