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

export interface ContactUsResources {
  label: string;
}

@Component({
  selector: 'bb-playground-contact-us',
  template: `
    <a
      nxButton="secondary small"
      href="https://teams.microsoft.com/l/channel/19%3ada887f52ef4f47438911f674cf550b61%40thread.tacv2/Building%2520Block%2520Platform?groupId=33bfa90e-ac0d-4765-9799-a62669ee816c&tenantId=6e06e42d-6925-47c6-b9e7-9581c7ca302a"
      target="_blank"
    >
      <nx-icon name="chat-o" class="nx-margin-right-2xs" aria-hidden="true"></nx-icon>{{ label() }}
    </a>
  `,
  providers: [createBuildingBlockProvider(forwardRef(() => PlaygroundContactUsComponent))],
  standalone: false,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class PlaygroundContactUsComponent extends AbstractBuildingBlock<
  undefined,
  ContactUsResources
> {
  label = signal('');

  override setResources(data: ContactUsResources): void {
    this.label.set(data.label);
  }
}