use dioxus::prelude::*;

const CSS: Asset = asset!("/assets/style.css");
const IMAGE: Asset = asset!("/assets/toasts.png");

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

    // make sure to emit funky closure code in this module to test wasm-bindgen handling
    let _closures = wasm_bindgen::closure::Closure::<dyn FnMut(web_sys::MouseEvent)>::new(
        move |event: web_sys::MouseEvent| {},
    );

    rsx! {
        document::Link {
            href: CSS,
            rel: "stylesheet",
        }
        img {
            id: "toasts",
            src: IMAGE,
        }
        button {
            id: "increment-button",
            onclick: move |_| {
                num += 1;
            },
            "Click me! Count: {num}"
        }
    }
}

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