use dioxus::prelude::*;

/// 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 {
    rsx! {
        section { class: "placeholder-page",
            div { class: "placeholder-card",
                div { class: "placeholder-icon", "A" }
                h2 { "Agent Builder" }
                p { class: "placeholder-desc",
                    "Build and manage AI agents with LangGraph. \
                    Create multi-step reasoning pipelines, tool-using agents, \
                    and autonomous workflows."
                }
                button { class: "btn-primary", disabled: true, "Launch Agent Builder" }
                span { class: "placeholder-badge", "Coming Soon" }
            }
        }
    }
}