<h1 mat-dialog-title class="prevent-select">Token generado</h1>
<div mat-dialog-content>
  <div class="success_box mb-8 prevent-select">
    <p class="m-0">El token se generó correctamente, esta es la <b>única</b> vez que podrá ver las credenciales, no podrá recuperarlas posteriormente. 
    Sin embargo, puede crear nuevas credenciales más adelante.</p>
  </div>
  <div class="code_box_container">
    <div class="token_container">
      <code>{{ showToken ? tokenStr : '*******' }}</code>
    </div>
    <div class="show_action" (click)="showToken = !showToken">
      <mat-icon style="transform: scale(2);">{{ showToken ? 'visibility_off' : 'visibility' }}</mat-icon>
    </div>
  </div>
</div>
<mat-dialog-actions align="end">
  <button mat-button mat-dialog-close>Cerrar</button>
</mat-dialog-actions>