<popup-page>
  <popup-header
    slot="header"
    [backAction]="close"
    showBackButton
    [pageTitle]="'passwordGenerator' | i18n"
  ></popup-header>

  <vault-cipher-form-generator
    [type]="'password'"
    (valueGenerated)="onValueGenerated($event)"
    (algorithmSelected)="onAlgorithmSelected($event)"
  ></vault-cipher-form-generator>

  <popup-footer slot="footer">
    <button
      type="button"
      bitButton
      buttonType="primary"
      (click)="selectValue()"
      data-testid="select-button"
      [disabled]="!(selectButtonText && generatedValue())"
    >
      {{ selectButtonText }}
    </button>
  </popup-footer>
</popup-page>
