<template>
    <div class="WM-Checkbox c-toggle-hide RTL WM-Align-R">
        <input type="checkbox" :id="ItemID" class="c-check">
        <label :for="ItemID">
            <span class="inc"></span>
            <span class="check"></span>
            <span class="box"></span> {{ ItemText }}
        </label>
    </div>
</template>

<script>
export default {
    props: {
        ItemID:    { default: "Checkbox" },
        ItemText:  { default: " مقدار پیش فرض " },
        Color:     { default: "Red" },
    },
    data: function ()  {
        return {
            IconClass: 'WMi-' + this.Icon,
        }
    },
};

</script>
