@if ((currentPendingTasks$ | async)?.length > 0) {
  <bit-banner class="-tw-m-5 tw-flex tw-flex-col tw-pt-2 tw-px-2 tw-mb-3" variant="warning">
    <a bitLink linkType="secondary" [routerLink]="'/at-risk-passwords'">
      {{
        ((currentPendingTasks$ | async)?.length === 1
          ? "reviewXAtRiskPassword"
          : "reviewXAtRiskPasswordsPlural"
        ) | i18n: (currentPendingTasks$ | async)?.length.toString()
      }}
    </a>
  </bit-banner>
}

@if (showCompletedTasksBanner$ | async) {
  <bit-banner
    class="-tw-m-5 tw-flex tw-flex-col tw-pt-2 tw-px-2 tw-mb-3"
    variant="primary"
    [icon]="null"
    (dismiss)="successBannerDismissed()"
  >
    {{ "atRiskLoginsSecured" | i18n }}
  </bit-banner>
}