<div class="pentest-header" fxLayout="row" fxLayoutGap="2rem" fxLayoutAlign="space-between center">
  <div class="back-button-container">
    <button nbButton
            shape="round"
            title="{{ 'global.action.return' | translate }}"
            (click)="onClickRouteBack()">
      <fa-icon [icon]="fa.faLongArrowAltLeft"
               class="back-element-icon fa-lg"></fa-icon>
    </button>
  </div>

  <h4>{{selectedProjectTitle$.getValue()}}</h4>

  <div class="export-button-container">
    <nb-actions size="medium">
      <nb-action>
        <button nbButton hero
                status="primary"
                shape="round"
                (click)="onClickExportPentest()">
          <fa-icon [icon]="fa.faFileExport"
                   class="export-element-icon fa-lg"></fa-icon>
          <span class="export-element-text">{{ 'global.action.export' | translate }}</span>
        </button>
      </nb-action>
    </nb-actions>
  </div>
</div>
