"use client"; import addScrollspy from "@/utils/addScroll"; import { init_classic_menu_resize } from "@/utils/menuToggle"; import { scrollToElement } from "@/utils/scrollToElement"; import { closeMobileMenu, toggleMobileMenu } from "@/utils/toggleMobileMenu"; import { useEffect, useRef, useState } from "react"; import Link from "next/link"; export default function HeaderNav({ links, animateY = false }: any) { const [isDropdownOpen, setIsDropdownOpen] = useState([""]); const dropdownRef = useRef(null); const toggleDropdown = (section: string[]) => { if (section == isDropdownOpen) { setIsDropdownOpen([""]); } setIsDropdownOpen(section); }; useEffect(() => { setTimeout(() => { scrollToElement(); }, 1000); init_classic_menu_resize(); window.addEventListener("scroll", addScrollspy as any); window.addEventListener("resize", init_classic_menu_resize); return () => { window.removeEventListener("scroll", addScrollspy as any); window.removeEventListener("resize", init_classic_menu_resize); }; }, []); return ( <> {links[0].href?.includes("/") && links.map((link: any, index: any) => ( <>
  • {!Array.isArray(link?.child) && ( {animateY ? ( {link.text} ) : ( link.text )} )} {Array.isArray(link?.child) && ( <> {link.text} toggleDropdown([link.text])} /> )}
  • {index != links.length - 1 && (
    )} ))} {!links[0].href?.includes("/") && links.map((link: any, index: any) => (
  • closeMobileMenu()} className="" href={link.href}> {animateY ? ( {link.text} ) : ( link.text )}
  • ))} ); }