<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
          class="col-xs-4 no-gutter"
          *ngFor="let link of quickLinks"
        >
          <button
            class="btn-clean card text-pre-normal"
            [title]="link.label | translate"
            type="button"
            [ngClass]="{ 'm-b-0': true }"
            (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>