use dioxus::prelude::*;

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

fn app(cx: Scope) -> Element {
    cx.render(rsx!(
        div {
            // Use Map directly to lazily pull elements
            (0..10).map(|f| rsx! { "{f}" }),

            // Collect into an intermediate collection if necessary, and call into_iter
            ["a", "b", "c", "d", "e", "f"]
                .into_iter()
                .map(|f| rsx! { "{f}" })
                .collect::<Vec<_>>()
                .into_iter(),

            // Use optionals
            Some(rsx! { "Some" }),

            // use a for loop where the body itself is RSX
            for name in 0..10 {
                div {"{name}"}
            }

            // Or even use an unterminated conditional
            if true {
                rsx!{ "hello world!" }
            }
        }
    ))
}