"use client"; import Link from 'next/link'; import Image from 'next/image'; import { Home, InfoIcon, MessageCircle, Search } from 'lucide-react'; import { usePathname } from 'next/navigation'; import { useTheme } from "next-themes"; import { useEffect, useState } from "react"; import logo from '../../public/smart-retrieval-logo.webp' interface NavLinkProps { href: string; children: React.ReactNode; } const NavLink: React.FC = ({ href, children }) => { // Use the useRouter hook to get information about the current route const pathname = usePathname(); // Determine if the current tab is active const isActive = pathname === href; return ( {/* Add a class to highlight the active tab */}
{children}
); }; export default function Header() { const [mounted, setMounted] = useState(false); const { theme, setTheme } = useTheme(); useEffect(() => { setMounted(true); }, []); if (!mounted) return null; return (
{/* Navigation Bar */}
); }