<div class="uk-margin">
  <@labelComponent />

  <UkSortable
    @handle=".uk-sortable-handle"
    @onMoved={{this._handleMoved}}
    @tagName="ul"
    class="uk-list uk-list-divider uk-form-controls uk-margin-small-top"
  >
    {{#each @value as |row i|}}
      <CfbFormEditor::QuestionOption
        @i={{i}}
        @row={{row}}
        @model={{@model}}
        @canReorder={{this.canReorder}}
        @deleteRow={{fn this.deleteRow row}}
        @updateLabel={{this.updateLabel}}
      />
    {{/each}}
  </UkSortable>
  <div class="uk-text-center uk-margin-small-top">
    <button
      data-test-add-row
      type="button"
      class="uk-icon-button"
      uk-icon="plus"
      {{on "click" this.addRow}}
    >
    </button>
  </div>

  <@hintComponent />
  <@errorComponent />
</div>