@if (status() === 'loading') {
  <div class="dashboard-status-row">
    <app-skeleton shape="circle" width="18px" height="18px" />
    <app-skeleton shape="text" width="55%" height="1em" />
  </div>
} @else {
  <div class="dashboard-status-row dashboard-status-row--{{ status() }}">
    <app-icon [name]="icon()" [size]="16" class="dashboard-status-row__icon" />
    <span class="dashboard-status-row__label">{{ labelKey() | translate }}</span>
    @if (displayValue() !== null) {
      <span class="dashboard-status-row__value">{{ displayValue() }}</span>
    }
    <span class="dashboard-status-row__status-text">{{ statusTextKey() | translate }}</span>
  </div>
}