// Navigation bar component

use leptos::prelude::*;
use leptos_router::components::A;

/// Top navigation bar
#[component]
pub fn NavBar() -> impl IntoView {
    view! {
        <header class="border-b border-white/10 backdrop-blur-md bg-white/5">
            <nav class="container mx-auto px-6 py-4 flex items-center justify-between">
                <A href="/" attr:class="text-2xl font-bold bg-gradient-to-r from-cyan-400 to-blue-500 bg-clip-text text-transparent">
                    "VAPORA"
                </A>
                <div class="flex gap-4">
                    <A href="/projects" attr:class="text-gray-300 hover:text-cyan-400 transition">
                        "Projects"
                    </A>
                    <A href="/agents" attr:class="text-gray-300 hover:text-cyan-400 transition">
                        "Agents"
                    </A>
                    <A href="/workflows" attr:class="text-gray-300 hover:text-cyan-400 transition">
                        "Workflows"
                    </A>
                </div>
            </nav>
        </header>
    }
}
