<div class="pentest-content">
  <div class="content">
    <nb-tabset>
      <nb-tab class="pentest-tabset" tabTitle="{{ 'global.action.info' | translate }}">
        <app-pentest-info></app-pentest-info>
      </nb-tab>
      <nb-tab class="pentest-tabset" tabTitle="{{ 'pentest.findings' | translate }}"
              badgeText="{{currentNumberOfFindings$.getValue()}}" badgeStatus="danger">
        <app-pentest-findings></app-pentest-findings>
      </nb-tab>
      <nb-tab class="pentest-tabset" tabTitle="{{ 'pentest.comments' | translate }}"
              badgeText="{{currentNumberOfComments$.getValue()}}" badgeStatus="info">
        <app-pentest-comments></app-pentest-comments>
      </nb-tab>
    </nb-tabset>
  </div>

  <div fxLayoutAlign="end end" class="content-footer">
    <!--ToDo: Use to put element in bottom-right corner -->
  </div>
</div>

