import { Component, ChangeDetectionStrategy, HostBinding, Input } from '@angular/core';

@Component({
  selector: 'page-search-result-item-loading',
  templateUrl: 'search-result-item-loading.component.html',
  styleUrls: ['search-result-item-loading.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: false,
})
export class SearchResultItemLoadingComponent {
  @Input()
  primaryOutletActive?: boolean = false;

  constructor() {}

  @HostBinding('style') get class() {
    return this.primaryOutletActive ? { height: '6.125rem' } : '';
  }
}
