<div class="setting-up">
  <p class="body-m">
    {{ 'onboarding.setting-up.account_creation' | translate }}
    @if ((onboardingStatus | async)?.accountCreated) {
      <pa-icon
        name="circle-check"
        size="small"></pa-icon>
    } @else if ((onboardingStatus | async)?.creationFailed) {
      <pa-icon
        name="circle-cross"
        size="small"></pa-icon>
    }
  </p>
  @if ((onboardingStatus | async)?.accountCreated) {
    <p class="body-m">
      {{ 'onboarding.setting-up.kb_creation' | translate }}
      @if ((onboardingStatus | async)?.kbCreated) {
        <pa-icon
          name="circle-check"
          size="small"></pa-icon>
      } @else if ((onboardingStatus | async)?.creationFailed) {
        <pa-icon
          name="circle-cross"
          size="small"></pa-icon>
      }
    </p>
  }
</div>
