use yew::prelude::*;

pub fn text_field_input(label: &str, id: &str, placeholder: Option<&str>, oninput: Callback<InputData>) -> Html {
    html!{
        <div class="field column 
                    is-one-fifth-widescreen
                    is-one-quarter-desktop
                    is-one-third-tablet
                    is-half-mobile" >
            <label class="label">{ label }</label>
            <div class="control">
                <input  id=id
                        type="text" 
                        placeholder=placeholder.unwrap_or("")
                        oninput=oninput
                />
            </div>
        </div>
    }
}

pub fn checkbox_field_input(label: &str, id: &str, checked: bool, onclick: Callback<MouseEvent>) -> Html {
    html!{
        <div class="field column 
                    is-one-fifth-widescreen 
                    is-one-quarter-desktop 
                    is-one-third-tablet 
                    is-half-mobile" >
            <label class="checkbox">
                <input  id=id
                        type="checkbox" 
                        checked=checked
                        onclick=onclick
                />
                { label }
            </label>
        </div>
    }
}