<div class="form-checkbox">
  <label class="d-flex flex-items-center fs-inherit fg-inherit">
    <div class="flex-shrink-0 flex-self-start">
      <{{ ctx.input.type }}
        class="input-checkbox position-relative d-block mr-2 mb-0"
        ref="input"
        {% for (var attr in ctx.input.attr) { %}
          {{attr}}="{{ctx.input.attr[attr]}}"
        {% } %}
        value="{{ ctx.value }}"
        {% if (ctx.checked) { %}checked{% } %}
      >
    </div>
    <div class="flex-auto">
      <span class="label-required">
        {{ ctx.t([`${ctx.component.key}_label`, ctx.input.label]) }}
      </span>
      {% var description = ctx.t([`${ctx.component.key}_description`, ctx.component.tooltip]) %}
      {% if (description) { %}
        <div class="field-description small mt-1">{{ description }}</div>
      {% } %}
    </div>
  </label>
</div>
