<article class="surface-card p-5">
    <div class="flex items-start justify-between gap-4">
        <div>
            <p class="text-sm font-medium text-slate-500"><?= esc($label) ?></p>
            <p class="mt-4 text-3xl font-semibold tracking-tight text-slate-900"><?= esc((string) $value) ?></p>
            <p class="mt-2 text-sm text-slate-500"><?= esc($meta) ?></p>
        </div>
        <div class="flex h-12 w-12 items-center justify-center rounded-2xl bg-indigo-50 text-indigo-600">
            <span class="text-xs font-semibold uppercase tracking-[0.16em]"><?= esc(substr((string) $icon, 0, 3)) ?></span>
        </div>
    </div>
</article>
