{{#each items as |item|}}
  {{yield item}}
{{else if error}}
  {{#cluster-item}}
    <div class="flex justify-between items-center">
      {{lk-text
        titleText=(if errorMsg errorMsg (t 'vinli-collection.table.error'))
        titleSize='x-small'
        spacing='none'
        hook='error-message'}}

      {{#if retry}}
        {{vinli-button
          default=(if retryMsg retryMsg (t 'app.retry'))
          action=retry
          size='small'
          hook='retry-button'}}
      {{/if}}
    </div>
  {{/cluster-item}}
{{else if isLoading}}
  {{#cluster-item}}
    <div class="flex">
      {{inline-svg 'spinner' class='icon spinner'}}
      {{lk-text
        titleText=(if loadingMsg loadingMsg (t 'vinli-collection.table.loading'))
        titleSize='x-small'
        spacing='none'
        hook='loading-message'}}
    </div>
  {{/cluster-item}}
{{else if (hasBlock 'inverse')}}
  {{yield to='inverse'}}
{{else}}
  {{#cluster-item}}
    {{lk-text
      titleText=(if emptyMsg emptyMsg (t 'vinli-collection.table.empty'))
      titleSize='x-small'
      spacing='none'
      hook='empty-message'}}
  {{/cluster-item}}
{{/each}}
