"use client"; import Link from "next/link"; import { get } from "lodash"; import { useEffect, useState } from "react"; import { usePathname } from "next/navigation"; import Image from "next/image"; const Header = ({ global }: { global: any }) => { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const pathname = usePathname(); const logoUrl = get(global, ["Website", "logo", "url"]); const menus = get(global, ["menus"], []); const facebookLink = get(global, ["SocialLinks"], []).find( (link: any) => link.Socials === "Facebook" )?.link; const instagramLink = get(global, ["SocialLinks"], []).find( (link: any) => link.Socials === "Instagram" )?.link; const phoneNumber = get(global, ["SocialLinks"], []).find( (link: any) => link.Socials === "Phone" )?.link; const toggleMobileMenu = () => { setIsMobileMenuOpen(!isMobileMenuOpen); }; const [scrollY, setScrollY] = useState(0); // Update the scroll position in the state when the user scrolls useEffect(() => { const handleScroll = () => { setScrollY(window.scrollY); }; window.addEventListener("scroll", handleScroll); return () => { window.removeEventListener("scroll", handleScroll); }; }, []); return (
= 1 ? "shrink" : ""}`}>
{logoUrl ? ( Logo ) : ( )}
{/*
*/}

{phoneNumber || "+8801929-333999"}
); }; export default Header;