"use client"; import Link from "next/link"; import { useSession, signOut } from "next-auth/react"; import { useState, useEffect } from "react"; export default function Header() { const { data: session } = useSession(); const [isSticky, setIsSticky] = useState(false); const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); // Track open state for dropdowns by their ID or Label const [openDropdowns, setOpenDropdowns] = useState>({}); useEffect(() => { const handleScroll = () => { if (window.scrollY > 10) { setIsSticky(true); } else { setIsSticky(false); } }; window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); const toggleMobileMenu = () => { setIsMobileMenuOpen(!isMobileMenuOpen); }; const toggleDropdown = (key: string, e?: React.MouseEvent) => { if (e) { e.preventDefault(); e.stopPropagation(); } setOpenDropdowns((prev) => ({ ...prev, [key]: !prev[key], })); }; return (
{/* Left Side */}
info@example.com
629 Elgin St.Celina,2202
(888).123.456.7894
{/* Right Side */}
); }