<SplashPage @showTruncatedNavBar={{false}} as |Page|>
  <Page.header>
    <h1 class="title is-4">MFA setup</h1>
  </Page.header>
  <Page.content>
    <div class="auth-form" data-test-mfa-form>
      <div class="box">
        {{#if (eq this.onStep 1)}}
          <Mfa::MfaSetupStepOne
            @isUUIDVerified={{this.isUUIDVerified}}
            @restartFlow={{this.restartFlow}}
            @saveUUIDandQrCode={{this.saveUUIDandQrCode}}
            @showWarning={{this.showWarning}}
            data-test-step-one
          />
        {{/if}}
        {{#if (eq this.onStep 2)}}
          <Mfa::MfaSetupStepTwo
            @entityId={{this.entityId}}
            @uuid={{this.uuid}}
            @qrCode={{this.qrCode}}
            @restartFlow={{this.restartFlow}}
            @warning={{this.warning}}
            data-test-step-two
          />
        {{/if}}
      </div>
    </div>
  </Page.content>
</SplashPage>