<template>
	<div class="efly-checkbox" :class="{
	    'active': active,
	    'disabled': status.disabled,
	    'efly-checkbox-small': size === 'small',
	    'efly-checkbox-mini': size === 'mini',
	}"
		 @click.stop="eventChange()"
	>
		<i class="icon" :class="{
		    'icon-checkbox-no': !active,
		    'icon-checkbox': active,
		    'icon-checkbox-disable': !active && status.disabled,
		}"></i>
		<div class="efly-checkbox-label">
			<slot></slot>
		</div>
	</div>
</template>

<script>
    import EflyCheckbox from './checkbox';

    export default EflyCheckbox;
</script>

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