<template>
    <div>
        <CVrangeSlider v-model="value.Hue" name="Hue" :min="0" :max="180"></CVrangeSlider>
        <CVrangeSlider v-model="value.Saturation" name="Saturation" :min="0" :max="255"></CVrangeSlider>
        <CVrangeSlider v-model="value.Value" name="Value" :min="0" :max="255"></CVrangeSlider>
        <CVswitch v-model="value.Erode" name="Erode"></CVswitch>
        <CVswitch v-model="value.Dilate" name="Dilate"></CVswitch>
    </div>
</template>

<script>
import CVrangeSlider from '../../components/cv-range-slider'
import CVswitch from '../../components/cv-switch'
    export default {
        name: 'Threshold',
        props:['value'],
        components:{
            CVrangeSlider,
            CVswitch
        },
        data() {
            return {
            }
        },
        computed:{
        }
    }
</script>

<style lang="" scoped>
    
</style>