Source: sources/vue/inputs/bases/TInputCheckbox.js

/**
 * @author [Tristan Valcke]{@link https://github.com/Itee}
 * @license [BSD-3-Clause]{@link https://opensource.org/licenses/BSD-3-Clause}
 *
 * @file Todo
 *
 * @example Todo
 *
 */

import Vue from 'vue'

export default Vue.component( 'TInputCheckbox', {
    template: `
        <div class="btn-group-toggle btn-block" data-toggle="buttons">
            <label v-if="value === true" class="btn btn-primary btn-block active" v-on:click=_onClick>
                <TIcon :icon=iconOn v-on:click=_onClick /> {{label}}
            </label>
            <label v-else class="btn btn-secondary btn-block" @click=_onClick>
                <TIcon :icon=iconOff v-on:click=_onClick /> {{label}}
            </label>
        </div>
    `,
    props:   [ 'id', 'label', 'value', 'iconOn', 'iconOff', 'onChange' ],
    methods: {

        _onClick ( /*event*/ ) {

            const newValue = !this.value;

            this.onChange( newValue );

        }

    }

} )