@if (isAgenticSearchEnabled()) {
  <pa-tabs>
    <pa-tab
      (click)="navigateTo('synchronize')"
      [active]="!isConnectActive()"
      ariaControls="home-page-panel">
      {{ 'sync.home-page.synchronize.title' | translate }}
    </pa-tab>
    <pa-tab
      (click)="navigateTo('connect')"
      [active]="isConnectActive()"
      ariaControls="home-page-panel">
      <div class="tab-with-badge">
        {{ 'sync.home-page.connect.title' | translate }}
        <nsi-badge kind="tertiary">BETA</nsi-badge>
      </div>
    </pa-tab>
  </pa-tabs>
}

<div
  id="home-page-panel"
  class="page-spacing">
  <router-outlet></router-outlet>
</div>