<p-card class="w-full border border-primary-700">
  <div class="flex gap-3 text-primary-400">
    <div class="shrink-0 pt-1">
      <i [class]="'pi ' + icon + ' text-2xl'"></i>
    </div>
    <div class="grow flex flex-col gap-1">
      <span class="text-sm font-bold">{{ label }}</span>
      <ng-content>
        <span class="text-xl font-bold text-primary">{{ value }}</span>
      </ng-content>
    </div>
  </div>
</p-card>
