<template>
  <label :class="[inline ? 'checkbox-inline' : 'checkbox', classSize, {'checkbox-disabled' : disabled}]">
    <input
      type="checkbox"
      class="checkbox-entry"
      :disabled="disabled"
      v-bind="$attrs"
      ref="input"
      :value="value"
      :checked="isChecked"
      v-on="inputListeners"
    >
    
    <span class="checkbox-text visible-block" :class="{'checkbox-text--info': labelTypeInfo}" v-html="label"></span>

    <span v-if="description" class="checkbox__description--base">{{ description }}</span>

    <span v-if="error" class="text-error text-x-small" :class="{'left-padding-large': !labelTypeInfo}">{{ error }}</span>

  </label>
</template>

<script src="./scripts.js" />
<style src="../../identity.css" />
<style scoped src="./styles.css" />
