Toast Notifications with Nettalco Brand Severity Colors

// app.component.ts
import { Component } from '@angular/core';
import { MessageService } from 'primeng/api';
import { ToastModule } from 'primeng/toast';
import { ButtonModule } from 'primeng/button';

@Component({
  selector: 'app-root',
  standalone: true,
  imports: [ToastModule, ButtonModule],
  providers: [MessageService],
  template: `
    <p-toast />

    <div class="flex gap-2 p-4">
      <button pButton label="Success" severity="success"
        (click)="show('success', 'Operation Complete', 'Record saved successfully.')">
      </button>
      <button pButton label="Info" severity="info"
        (click)="show('info', 'Did you know?', 'Your session expires in 30 minutes.')">
      </button>
      <button pButton label="Warn" severity="warn"
        (click)="show('warn', 'Heads Up', 'Storage is at 85% capacity.')">
      </button>
      <button pButton label="Error" severity="error"
        (click)="show('error', 'Request Failed', 'Server returned a 500 error.')">
      </button>
    </div>
  `
})
export class AppComponent {
  constructor(private messageService: MessageService) {}

  show(severity: string, summary: string, detail: string) {
    this.messageService.add({ severity, summary, detail, life: 4000 });
  }
}

<!-- Bottom-right (default) -->
<p-toast position="bottom-right" />

<!-- Top-center -->
<p-toast position="top-center" />

this.messageService.addAll([
  { severity: 'success', summary: 'File uploaded', detail: 'report.pdf' },
  { severity: 'warn',    summary: 'Quota low',     detail: '15 MB remaining' }
]);