import { ChangeDetectionStrategy, Component } from '@angular/core';
import { PorscheDesignSystemModule, ToastManager } from '@porsche-design-system/components-angular';

@Component({
  selector: 'porsche-design-system-app',
  template: `
    <button type="button" (click)="onButtonClick()">Queue Toast</button>
    <p-toast></p-toast>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: true,
  imports: [PorscheDesignSystemModule],
})
export class ExampleComponent {
  private counter = 1;

  constructor(private toastManager: ToastManager) {}

  onButtonClick() {
    this.toastManager.addMessage({ text: `Some message ${this.counter}`, state: 'success' });
    this.counter++;
  }
}