'use client'; import { Button, Input } from '@/components/base'; import { SignOutButton, useUser } from '@clerk/nextjs'; import { Search } from 'lucide-react'; import Link from 'next/link'; import { useMemo } from 'react'; export function Navbar() { const { user, isSignedIn } = useUser(); const authContent = useMemo(() => { if (isSignedIn) { return ( <>

Hello, {' '} {user?.firstName}

); } return ( <> ); }, [isSignedIn, user]); return ( ); }