use dioxus::prelude::*;

fn main() {
    rink::launch(app);
}

fn app(cx: Scope) -> Element {
    let (count, set_count) = use_state(&cx, || 0);

    use_future(&cx, move || {
        let set_count = set_count.to_owned();
        let update = cx.schedule_update();
        async move {
            loop {
                set_count.with_mut(|f| *f += 1);
                tokio::time::sleep(std::time::Duration::from_millis(1000)).await;
                update();
            }
        }
    });

    cx.render(rsx! {
        div { width: "100%",
            div { width: "50%", height: "5px", background_color: "blue", justify_content: "center", align_items: "center",
                "Hello {count}!"
            }
            div { width: "50%", height: "10px", background_color: "red", justify_content: "center", align_items: "center",
                "Hello {count}!"
            }
        }
    })
}

// use_future(&cx, || {
//         let set_count = count.setter();
//         let mut mycount = 0;
//         let update = cx.schedule_update();
//         async move {
//             loop {
//                 tokio::time::sleep(std::time::Duration::from_millis(100)).await;
//                 mycount += 1;
//                 set_count(mycount);
//                 update();
//             }
//         }
//     });