<div class="welcome-widget welcome-cockpit">
  <div class="flex-row">
    <div class="col-xs-12 col-md-5 flex-item-v-stretch p-24">
      <h2 class="text-light">{{ 'Welcome to Cockpit' | translate }}</h2>
      <p class="text-16 text-light p-t-16 p-b-24">{{ welcomeMessage | translate }}</p>
      <div class="card-group interact-grid tight-grid">
        <div *ngFor="let link of quickLinks" class="col-sm-4 col-xs-6">
          <c8y-quick-link
            (click)="link.click ? link.click() : false"
            [icon]="link.icon"
            [label]="link.label"
            class="card"
            c8yProductExperience
            [actionName]="'welcomeWidgetClicked'"
            [actionData]="{ link: link.label }"
          >
          </c8y-quick-link>
        </div>
      </div>
    </div>
    <!-- <div class="col-sm-6 welcome-illustration flex-item-v-stretch"></div> -->
  </div>
</div>