use dioxus::prelude::*;

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

/// 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 {
    let locale = use_context::<Signal<Locale>>();
    let l = *locale.read();

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