use yew::prelude::*;
use yew::html;
use material_yew::MatButton;

#[function_component]
fn HelloWorld() -> Html {
    html! {<MatButton label="Click me!" />}
}

#[function_component(App)]
fn app() -> Html {
    html! {
        <>
        <h1>{ "Hello World" }</h1>
        <HelloWorld />
        </>
    }
}

fn main() {
    yew::Renderer::<App>::new().render();
}

[dependencies]
yew = { version = "0.20", features = ["csr"] }
material-yew = { version = "0.1.0", features = ["full"] }

error[E0277]: the trait bound `MatButton: yew::Component` is not satisfied
 --> src/main.rs:7:13
  |
7 |     html! {<MatButton label="Click me!" />}
  |             ^^^^^^^^^ the trait `yew::Component` is not implemented for `MatButton`
  |
  = help: the trait `yew::Component` is implemented for `ContextProvider<T>`
  = note: required for `MatButton` to implement `yew::BaseComponent`
  = note: this error originates in the macro `html` (in Nightly builds, run with -Z macro-backtrace for more info)