use dioxus::prelude::*;

fn main() {
    dioxus_desktop::launch(App);
}

#[component]
fn App(cx: Scope) -> Element {
    let val = use_state(cx, || "0.0001");

    let num = match val.parse::<f32>() {
        Err(_) => return cx.render(rsx!("Parsing failed")),
        Ok(num) => num,
    };

    cx.render(rsx! {
        h1 { "The parsed value is {num}" }
        button {
            onclick: move |_| val.set("invalid"),
            "Set an invalid number"
        }
        (0..5).map(|i| rsx! {
            DemoC { x: i }
        })
    })
}

#[component]
fn DemoC(cx: Scope, x: i32) -> Element {
    cx.render(rsx! {
        h1 {
            "asdasdasdasd {x}"
        }
    })
}