use dioxus::prelude::*;

fn main() {
    dioxus::launch(|| {
        rsx! {
            Comp {}
            Comp {}
            Button {}
        }
    });
}

#[component]
fn Button() -> Element {
    let mut count = use_signal(|| 0);

    rsx! {
        button {
            onclick: move |_| {
                count += 1;
            },
            "Count: {count}"
        }
    }
}

#[component]
fn Comp(#[props(extends = GlobalAttributes)] attributes: Vec<Attribute>) -> Element {
    rsx! {
        div {
            width: 100,
            div {
                ..attributes,
            }
        }
    }
}