import { AbstractBuildingBlock, createBuildingBlockProvider } from '@allianz/taly-core';
import { Component, forwardRef } from '@angular/core';

export interface PgrPlaceholderResources {
  headline: string;
  content: string;
}

@Component({
  selector: 'bb-pgr-placeholder',
  template: `<div nxLayout="grid nopadding">
    <div nxRow [rowJustify]="isExpertChannel ? 'start' : 'center'">
      <div [nxCol]="isExpertChannel ? '12,12' : '12,12,8'">
        @if (resources?.headline) {
        <taly-headline
          >{{ resources?.headline }} <span *aclTag="'header-icon'">🐛</span></taly-headline
        >
        }
        <div nxCopytext class="nx-margin-bottom-0">
          @if (resources?.content) {
          {{ resources?.content }}
          } @else { Bavaria ipsum dolor sit amet an i mog di fei gscheckate i hob di liab
          Heimatland: Schdarmbeaga See sowos gelbe Rüam pfiad de Gstanzl ognudelt, gscheit. Sepp wea
          ko, dea ko de Prosd, hoid Xaver Vergeltsgott. }
        </div>
      </div>
    </div>
  </div>`,
  providers: [createBuildingBlockProvider(forwardRef(() => PgrPlaceholderComponent))],
  standalone: false
})
export class PgrPlaceholderComponent extends AbstractBuildingBlock<
  undefined,
  PgrPlaceholderResources | undefined
> {
  override onPageConnection(): void {
    this.commitCompletion();
  }
}