17 lines
652 B
HTML
17 lines
652 B
HTML
|
<div class="flex flex-col items-center justify-center py-12 text-center bg-surface-overlay">
|
||
|
|
<ng-container>
|
||
|
|
<i [class]="icon + ' !text-6xl mb-4 text-surface-500'" aria-hidden="true"></i>
|
||
|
|
</ng-container>
|
||
|
|
<span class="text-xl font-semibold mb-2 text-surface-500">{{ title }}</span>
|
||
|
|
@if (description) {
|
||
|
|
<p class="text-surface-500 inline-block">{{ description }}</p>
|
||
|
|
}
|
||
|
|
<ng-content select="[cta]" #cta class="mt-4"></ng-content>
|
||
|
|
@if (!hasCtaContent && ctaLabel && showCTA) {
|
||
|
|
<p-button class="mt-2" size="small" (click)="ctaClick.emit()">
|
||
|
|
{{ ctaLabel }}
|
||
|
|
<i class="pi pi-plus" pButtonIcon></i>
|
||
|
|
</p-button>
|
||
|
|
}
|
||
|
|
</div>
|