<h2 mat-dialog-title translate>License tokens</h2>
<mat-dialog-content class="mat-typography">
  <p translate>The list includes all of your available license tokens within the selected bundle.</p>
  <p translate>
    Already claimed tokens in the bundle: <span>{{ licenseBundle.claimed }}</span>
  </p>
  <mat-list>
    <mat-list-item *ngFor="let token of tokens; let i = index">
      <div class="flex-center">
        <button mat-icon-button (click)="copy(token)"><mat-icon>content_copy</mat-icon></button> {{ i + 1 }}. {{ token }}
      </div>
    </mat-list-item>
  </mat-list>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button mat-dialog-close><span translate>Close</span></button>
</mat-dialog-actions>
