use gpui::{FontWeight, ParentElement, Styled, div};

use crate::{
    app,
    component::{button::button, text::text},
};

struct WelcomeStep {
    on_next: Option<FnOnce>,
}

pub(crate) fn new<E>(cx: &gpui::Context<E>) -> impl gpui::IntoElement {
    let theme = app::current_theme(cx);
    div()
        .flex()
        .flex_col()
        .size_full()
        .items_start()
        .justify_center()
        .child(
            div()
                .flex()
                .flex_col()
                .flex_1()
                .justify_center()
                .w_full()
                .p_8()
                .child(
                    text(
                        "Welcome to Novem!\nThis wizard will guide you through setting up Novem.\n",
                        cx,
                    )
                    .opacity(0.8),
                )
                .child(text("Press 'Next' to begin setup.", cx).font_weight(FontWeight(500.))),
        )
        .child(
            div()
                .flex()
                .flex_row()
                .justify_end()
                .w_full()
                .p_4()
                .pt_0()
                .child(button("next", cx).label("Next")),
        )
}