<div class="welcome-widget" tabindex="0">
  <div class="p-16 text-center" *ngIf="isLoading">
    <c8y-loading></c8y-loading>
  </div>
  <div class="d-flex fit-h" *ngIf="!isLoading">
    <div class="col-xs-12 a-s-stretch col-md-12">
      <div class="card-group interact-grid fit-h">
        <div *ngFor="let link of quickLinks" class="col-xs-4 no-gutter">
          <button
            class="btn-clean card text-pre-normal"
            [ngClass]="{ 'm-b-0': true }"
            type="button"
            [title]="link.label | translate"
            (click)="link.click ? link.click() : false"
            c8yProductExperience
            [actionName]="'welcomeWidgetClicked'"
            [actionData]="{ link: link.label }"
            data-cy="devicemanagement-welcome--quick-link"
          >
            <c8y-quick-link [icon]="link.icon" [label]="link.label"></c8y-quick-link>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>