"use client"; import Link from "next/link"; import Image from "next/image"; import { usePathname } from "next/navigation"; import { useState, useEffect } from "react"; import { useAuth } from "@/lib/auth-context"; import { useLanguage } from "@/lib/i18n"; import { Button } from "@/components/ui/button"; import { LanguageSwitcher } from "@/components/language-switcher"; import { Sheet, SheetContent, SheetTrigger, SheetTitle, } from "@/components/ui/sheet"; import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu"; import { type LucideIcon, Menu, LogOut, LayoutDashboard, ChevronDown, Home, Users, BookOpenText, Info, Mail, } from "lucide-react"; import { cn } from "@/lib/utils"; type NavigationItem = { name: string; href: string; icon: LucideIcon; isExternal?: boolean; }; const navigation: NavigationItem[] = [ { name: "common.home", href: "/", icon: Home }, { name: "common.findGuides", href: "/guides", icon: Users }, { name: "common.blog", href: "/blogs", icon: BookOpenText }, { name: "common.aboutUs", href: "/#about-us", icon: Info }, { name: "common.contactUs", href: "https://uttarakhandtourism.gov.in/page/contact-us", icon: Mail, isExternal: true, }, ]; export function Header() { const pathname = usePathname(); const { user, logout, isAuthenticated, isAdmin } = useAuth(); const { t } = useLanguage(); const [isOpen, setIsOpen] = useState(false); const [scrolled, setScrolled] = useState(false); useEffect(() => { const handleScroll = () => { setScrolled(window.scrollY > 20); }; window.addEventListener("scroll", handleScroll); return () => window.removeEventListener("scroll", handleScroll); }, []); const dashboardLink = isAdmin ? "/admin" : "/dashboard"; return (
); }