<div class="filter-dropdown-space" style="min-height:500px">
  <div class='js-videos videos items'>
    {{#infinite-scroll action="loadMore" hideMore=model.hideMore isLoading=model.isLoading contentLength=model.length classNames="tower tower--bleed tower--240 tower--gutter-sm"}}
      {{#each model as |video index|}}
        {{video/preview-card video=video tt_medium=tracking_tt_medium tt_content=tracking_tt_content tt_content_index=index}}
      {{/each}}
      {{tower-placeholder}}
    {{/infinite-scroll}}
  </div>

  {{#if model.isLoading}}
    {{loading-more-spinner}}
  {{else if (not model.length)}}
    <p class='empty-grid'>
      {{i18n "No Videos Found"}}
    </p>

    {{interactivity-beacon beaconId="directory-videos-list-empty"}}
  {{/if}}
</div>
