@props(['label', 'value', 'icon' => '✦', 'hint' => null])
<div class="glass-card p-5">
    <div class="flex items-start justify-between gap-3">
        <div>
            <p class="text-xs font-medium text-zinc-500">{{ $label }}</p>
            <p class="mt-1 text-2xl font-extrabold text-white">{{ $value }}</p>
            @if ($hint)
                <p class="mt-1 text-xs text-zinc-500">{{ $hint }}</p>
            @endif
        </div>
        <span class="flex h-10 w-10 items-center justify-center rounded-xl bg-white/5 text-lg">{{ $icon }}</span>
    </div>
</div>