Vue.component('tt-switch', {
    template: `
      <label class="tt-switch" :class="{'m-0': noMargin}">
        <input type="checkbox" :checked="value" @change="$emit('input', $event.target.checked)" :disabled="loading">
        <span class="slider round">
                <span v-if="loading" class="spinner-wrapper"><span class="spinner"></span></span>
            </span>
      </label>
    `,
    props: {
        value: { type: Boolean, default: false },
        loading: { type: Boolean, default: false },
        noMargin: { type: Boolean, default: false }
    }
});