import * as lodash from 'lodash';
import Tab from './tab';

const tab = lodash.cloneDeep(Tab);

export default lodash.merge(tab, {
    name: 'checkbox',
    inheritAttrs: false,
    props: {
        tag: {
            type: String,
            default: 'div',
        },
        canClose: {
            type: Boolean,
            default: true,
        },
    },
    template: `<component :is="tagName" :class="{'active': isOpen()}" @click="click">
        <slot name="input" :isOpen="isOpen" :disabled="disabled">
            <input type="checkbox" :name="attr" :checked="isOpen()" :disabled="disabled" v-bind="$attrs"/>
        </slot>
        <slot></slot>
    </component>`,
});