{{#if additionalInfo}}
  {{form-additional-info
    content=additionalInfo
    additionalButton=additionalButton
  }}
{{/if}}

<label class="column is-12 attention-animation-target" data-test-selector="form-checkbox-validate_label">


  <div class="columns is-multiline is-mobile">
    {{#if showErrors}}
    <div class="column is-12">
        <span class="help is-danger label" data-test-selector="form-checkbox-validate_error">{{error.validation}}</span>
    </div>
    {{/if}}
    <div class="column is-12">
      <div class="columns">
        <div class="column is-narrow">
          {{#unless isStatic}}
            {{input type="checkbox" checked=checked id=name name=name}}
          {{else}}
            {{#if checked}}<i class="fa fa-check-square-o"></i>{{else}}<i class="fa fa-square-o"></i>{{/if}}
          {{/unless}}
        </div>
        <div class="column">
          {{label}}
          {{#if required}}
            <span class="is-inline is-required" data-test-selector="form-checkbox-validate_required">*</span>
          {{/if}}
          {{#if toolTipContent}}
            <div class="is-narrow is-inline">
              {{tool-tip content=toolTipContent}}
            </div>
          {{/if}}
        </div>
      </div>
    </div>
  </div>

</label>