export const slider = ( value , onChange , min , max , step , label ) => { return [ "div.pv2" , [ "div" , label ] , [ "input.w-100" , { type : "range" , value , min , max , step , oninput : ( e ) => { const target = e . target as HTMLInputElement ; const value = target && target . value ; onChange ( parseFloat ( value ) ) ; } , } , ] , ] ; } ; export const checkbox = ( value , onChange , label ) => { return [ "div.pv2" , [ "input.mr1" , { id : label , type : "checkbox" , checked : value , oninput : ( e ) => { const target = < HTMLInputElement > e . target ; const checked = target && target . checked ; onChange ( checked ) ; } , } , ] , [ "label" , { for : label } , label ] , ] ; } ;