counter.rs

use std::rc::Rc;
use virtual_dom_rs::VirtualNode;

pub struct Counter {}
pub struct CounterProps {
    pub count: i32,
    pub increment: Box<Fn()>,
    pub decrement: Box<Fn()>,
    pub auto: Box<Fn()>,
}

impl Counter {
    pub fn new() -> Counter {
        Counter {}
    }

    pub fn render(&self, props: Rc<CounterProps>) -> VirtualNode {
        // we clone ref to our props if we have more than event handler
        // otherwise we move it twice
        let p2 = props.clone();
        let p3 = props.clone();

        html! {
            <div>
                {format!("{}",props.count)}
                <div class="button",
                    !onclick=move |_ev| {
                        (props.increment)()
                     },
                >
                    { "+" }
                </div>
                <div class="button",
                    !onclick=move |_ev| { (p2.decrement)() },
                >
                    { "-" }
                </div>
                <div class="button",
                    !onclick=move |_ev| { (p3.auto)() },
                >
                    { "auto" }
                </div>
            </div>
        }
    }
}