Stepper

use gpui::{Context, Entity, Render, Window, div, prelude::*};
use xgpui_luma::controls::{button::Button, stepper::Stepper};
use xgpui_luma::infra::presenter::HasPresenter;
use xgpui_luma_look_radix as radix;

struct Example {
    stepper: Stepper,
    next: Entity<Button>,
    reset: Entity<Button>,
}

impl Example {
    fn new(cx: &mut Context<Self>) -> Self {
        let look = cx.try_global::<radix::Look>().cloned().unwrap_or_else(radix::Look::built_in);
        let stepper = radix::stepper_builder(&look, "setup", 3)
            .labels(vec!["Details", "Review", "Done"])
            .spawn(cx);
        let next = radix::Button::new("next").look(&look).label("Next / Finish")
            .on_click(cx, |owner: &mut Self, cx| {
                owner.stepper.update(cx, |stepper, cx| {
                    let next = stepper.current_step() + 1;
                    if next < stepper.step_count() {
                        stepper.set_current_step(next, cx);
                    } else {
                        stepper.complete(cx);
                    }
                });
            })
            .spawn(cx);
        let reset = radix::Button::new("reset").look(&look).label("Reset")
            .on_click(cx, |owner: &mut Self, cx| {
                owner.stepper.update(cx, |stepper, cx| stepper.set_current_step(0, cx));
            })
            .spawn(cx);
        Self { stepper, next, reset }
    }
}

impl Render for Example {
    fn render(&mut self, _: &mut Window, _: &mut Context<Self>) -> impl IntoElement {
        div().flex().flex_col().gap_3()
            .child(self.stepper.clone())
            .child(div().flex().gap_2().child(self.next.clone()).child(self.reset.clone()))
    }
}