"use client"; import React, { useState, useEffect } from "react"; import Link from "next/link"; import { usePathname } from "next/navigation"; import { GENRES, COUNTRIES } from "@/lib/constants"; import SearchBar from "./SearchBar"; export default function Navbar() { const pathname = usePathname(); const [isScrolled, setIsScrolled] = useState(false); useEffect(() => { const handleScroll = () => { setIsScrolled(window.scrollY > 18); }; window.addEventListener("scroll", handleScroll); handleScroll(); return () => window.removeEventListener("scroll", handleScroll); }, []); const isActive = (path: string) => { if (path === "/home") { return pathname === "/home"; } return pathname === path || pathname.startsWith(`${path}/`); }; return ( ); }