```rust
fn Hello(cx: Scope, name: &'static str) -> impl IntoView {
let styler_class = style! {"Hello",
div.one{
color: red;
}
div #two{
color: blue;
}
div {
border: 1px solid black;
margin: 25px 50px 75px 100px;
background-color: lightblue;
}
h2 {
color: purple;
}
}
// Above style macro returns one unique class_name that needs to be handled by view macro.
// currently mapped to dom manually.
view! {cx, class = styler_class,
<div class=format!("one {styler_class}")>
<h1 id="two" class={styler_class}>"Hello"</h1>
<h2 class={styler_class}>"World"</h2>
<h2 class={styler_class}>{name}</h2>
<h3 class={styler_class}>"Hello Kanna"</h3>
</div>
}
} ```
#### Here style macro gives one unique class name called styler_class that needs to be handled by view macro!