Tag Labels with Nettalco Custom Severity Color Schemes

<p-tag value="Primary"   severity="primary"   />
<p-tag value="Secondary" severity="secondary" />
<p-tag value="Success"   severity="success"   />
<p-tag value="Info"      severity="info"      />
<p-tag value="Warning"   severity="warn"      />
<p-tag value="Danger"    severity="danger"    />
<p-tag value="Contrast"  severity="contrast"  />

<p-tag value="Active"  severity="success" [rounded]="true" />
<p-tag value="Pending" severity="warn"    [rounded]="true" />

<p-tag value="Verified" severity="success" icon="pi pi-check" />
<p-tag value="Alert"    severity="warn"    icon="pi pi-exclamation-triangle" />
<p-tag value="Error"    severity="danger"  icon="pi pi-times" />

<p-table [value]="orders">
  <ng-template pTemplate="body" let-order>
    <tr>
      <td>{{ order.id }}</td>
      <td>{{ order.name }}</td>
      <td>
        <p-tag
          [value]="order.status"
          [severity]="statusSeverity(order.status)"
        />
      </td>
    </tr>
  </ng-template>
</p-table>

statusSeverity(status: string): string {
  const map: Record<string, string> = {
    Shipped: 'success',
    Processing: 'info',
    Delayed: 'warn',
    Cancelled: 'danger',
  };
  return map[status] ?? 'secondary';
}