'use client'

import Link from 'next/link'
import Image from 'next/image'
import logo from '@/assets/images/icon.png'
import type { User } from '@supabase/supabase-js'
import UserMenu from './UserMenu'

export default function AppNavbar({ user }: { user: User }) {
    return (
        <>
            <header className="border-b border-gray-800 bg-background-dark/80 backdrop-blur-md sticky top-0 z-50">
                <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between">
                    <Link href="/app" className="flex items-center gap-2">
                        <Image
                            src={logo}
                            alt="Nemia Logo"
                            width={32}
                            height={32}
                            className="rounded-lg object-contain"
                        />
                        <span className="font-display font-bold text-xl tracking-tight text-white">
                            Nemia
                        </span>
                    </Link>

                    <UserMenu email={user.email} />
                </div>
            </header>
        </>
    )
}