<div
  data-id={{this.uniqId}}
  {{on 'focus' this.handleFocus}}
  {{on 'blur' this.handleBlur}}
  {{key-up this.handleArrowUp key='ArrowUp'}}
  {{key-up this.handleArrowDown key='ArrowDown'}}
  {{key-down this.preventDefault key='ArrowUp'}}
  {{key-down this.preventDefault key='ArrowDown'}}
  tabindex="0"
  class="shadow-md bg-gray-200 outline-none border border-gray-400 focus:border-teal-400 focus:shadow-lg">
  {{yield this.groupHasFocus this.selectedIndex (action 'orderItemDown') (action 'orderItemUp')}}
</div>
