use dioxus::prelude::*;

use crate::i18n::{t, Locale};

/// Agents page placeholder for the LangGraph agent builder.
///
/// Shows a "Coming Soon" card with a disabled launch button.
/// Will eventually integrate with the LangGraph framework.
#[component]
pub fn AgentsPage() -> Element {
    let locale = use_context::<Signal<Locale>>();
    let l = *locale.read();

    rsx! {
        section { class: "placeholder-page",
            div { class: "placeholder-card",
                div { class: "placeholder-icon", "A" }
                h2 { "{t(l, \"developer.agents_title\")}" }
                p { class: "placeholder-desc",
                    "{t(l, \"developer.agents_desc\")}"
                }
                button { class: "btn-primary", disabled: true, "{t(l, \"developer.launch_agents\")}" }
                span { class: "placeholder-badge", "{t(l, \"common.coming_soon\")}" }
            }
        }
    }
}