<!--
  ~ Copyright (C) 2018 Robert Bosch GmbH Copyright (C) 2018 Robert Bosch Manufacturing Solutions GmbH, Germany. All rights reserved.
  -->

<div [ngClass]="{ 'add-tile': addTile }" class="tile">
  <mat-icon class="tile-icon" fontIcon="{{ iconName || 'Bosch-Ic-add' }}"></mat-icon>

  <div class="tile-details">
    <div class="title-wrapper">
      <div class="title">
        {{ title }}
      </div>
      <button
        (click)="executeAction($event)"
        *ngIf="canExecuteAction"
        href="#"
        data-test="tile-delete-button"
        mat-icon-button
      >
        <mat-icon fontIcon="{{ actionIconName }}"></mat-icon>
      </button>
    </div>
    <div *ngIf="!addTile" data-test="tile-description-container" class="description">
      {{ description }}
    </div>
    <div *ngIf="!addTile" class="actions">
      <button class="button-link" bciIntegratedButton data-test="tile-link-button">{{ detailsButtonLabel }}</button>
    </div>
  </div>
</div>
