{{#if hasBlock}}
  <div class="layout-row flex layout-align-space-between-center data-table-header {{unless selectionIsEmpty " selected"}}{{if enableSearch " row-reverse"}}">
    {{#if enableSearch}}
      {{paper-text-search filter=filter auto=autoSearch}}
    {{/if}}
    {{yield (hash
        menu=(component 'data-table-menu' data-table=this)
        )
        this}}
  </div>
  {{yield (hash
      content=(component 'data-table-content' content=content noDataMessage=noDataMessage enableSelection=enableSelection enableLineNumbers=enableLineNumbers onClickRow=(optional onClickRow) data-table=this)
      )
      this}}
{{else}}
  {{#if enableSearch}}
    <div class="layout-row flex layout-align-end-center data-table-header">
      <div class="data-table-menu">
        {{paper-text-search filter=filter auto=autoSearch}}
      </div>
    </div>
  {{/if}}
  {{component 'data-table-content' content=content noDataMessage=noDataMessage enableSelection=enableSelection enableLineNumbers=enableLineNumbers onClickRow=(optional onClickRow) data-table=this}}
{{/if}}

{{#if content}}
  {{number-pagination
      page=page size=size nbOfItems=content.length sizeOptions=sizeOptions
      total=content.meta.count links=content.meta.pagination}}
{{/if}}