<button
  class="btn-clean severity"
  [attr.aria-label]="
    alarmSeverityLabel | translate: { alarmSeverity: alarm.severity | AlarmSeverityToLabel }
  "
  [tooltip]="
    alarmSeverityLabel | translate: { alarmSeverity: alarm.severity | AlarmSeverityToLabel }
  "
  placement="right"
  container="body"
  type="button"
  (click)="$event.stopPropagation()"
  [delay]="500"
>
  <i
    class="status stroked-icon"
    [c8yIcon]="alarm.severity | AlarmSeverityToIcon"
    [ngClass]="alarm.severity | lowercase"
  ></i>
</button>
<button
  class="btn-clean status"
  [ngStyle]="{ 'background-color': iconBackgroundColor }"
  [attr.aria-label]="
    alarmStatusLabel | translate: { alarmStatus: alarm.status | AlarmStatusToLabel }
  "
  [tooltip]="
    (alarmStatusLabel | translate: { alarmStatus: alarm.status | AlarmStatusToLabel }) +
    '\n' +
    (alarmStatusType | translate: { alarmType: alarm.type })
  "
  placement="right"
  container="body"
  type="button"
  [ngClass]="{ 'circle-icon-wrapper': isFilterApplied }"
  data-cy="c8y-alarms-icon--status-icon"
  (click)="$event.stopPropagation()"
  [delay]="500"
>
  <i
    [c8yIcon]="alarm.status | AlarmStatusToIcon"
    [ngClass]="{ 'stroked-icon': isFilterApplied }"
  ></i>
</button>