'use client' import Link from 'next/link' import { usePathname, useRouter } from 'next/navigation' import { useState } from 'react' const WC_BALL = ( ) const NAV_LINKS = [ { href: '/', label: 'Home' }, { href: '/groups', label: 'Groups' }, { href: '/stats', label: 'Statistics' }, { href: '/history', label: 'History' }, ] export function Nav() { const pathname = usePathname() const router = useRouter() const [q, setQ] = useState('') const handleSearch = (e: React.FormEvent) => { e.preventDefault() if (q.trim()) router.push(`/search?q=${encodeURIComponent(q.trim())}`) } return ( ) }