use dioxus::prelude::*;

fn main() {
    launch(app);
}

fn app() -> Element {
    let mut count = use_signal(|| 0);

    use_effect(move || {
        println!("The count is now: {}", count);
    });

    rsx! {
        h1 { "High-Five counter: {count}" }
        Child { sig: count }
        button { onclick: move |_| count += 1, "Up high!" }
        button { onclick: move |_| count -= 1, "Down low!" }
    }
}

#[component]
fn Child(sig: Signal<i32>) -> Element {
    let doubled = use_memo(move || sig() * 2);

    rsx! {
        "The count is: {sig}, doubled: {doubled}"
    }
}