Function NavLink

src/components/NavLink.tsx:8–24

({ className, ...props }: ComponentProps<typeof Link>)

import { ComponentProps } from "react"

export function NavLink({ className, ...props }: ComponentProps<typeof Link>) {
  const path = usePathname()
  const isActive = path === props.href

  return (
    <Link
      {...props}
      className={cn(
        "transition-colors",
        isActive
          ? "text-foreground"
          : "text-muted-foreground hover:text-foreground",
        className
      )}
    />
  )
}