'use client'; import { useSession } from "next-auth/react"; import { useState, useEffect } from "react"; import Image from "next/image"; import { SignOutButton } from "./auth-button"; export default function Navigation() { const { data: session } = useSession(); const [showProfileMenu, setShowProfileMenu] = useState(false); // Handle click outside to close profile menu useEffect(() => { const handleClickOutside = (event: MouseEvent) => { if (showProfileMenu) { setShowProfileMenu(false); } }; if (showProfileMenu) { document.addEventListener('click', handleClickOutside); } return () => document.removeEventListener('click', handleClickOutside); }, [showProfileMenu]); return (

Garbin AI

 {/* Search Bar */}
{/*
*/}
{/* Mobile Search Button */} {/* User Profile Dropdown */} {session && (
{showProfileMenu && (

{session.user?.name}

{session.user?.email}

Profile Settings API Keys Help & Support
)}
)}
); }