use dioxus::prelude::*;

/// Flow page placeholder for the LangFlow visual workflow builder.
///
/// Shows a "Coming Soon" card with a disabled launch button.
/// Will eventually integrate with LangFlow for visual flow design.
#[component]
pub fn FlowPage() -> Element {
    rsx! {
        section { class: "placeholder-page",
            div { class: "placeholder-card",
                div { class: "placeholder-icon", "F" }
                h2 { "Flow Builder" }
                p { class: "placeholder-desc",
                    "Design visual AI workflows with LangFlow. \
                    Drag-and-drop nodes to create data processing pipelines, \
                    prompt chains, and integration flows."
                }
                button { class: "btn-primary", disabled: true, "Launch Flow Builder" }
                span { class: "placeholder-badge", "Coming Soon" }
            }
        }
    }
}