@props(['stats'])

@php
    $badges = [
        ['label' => 'Uptime', 'value' => $stats['uptime']],
        ['label' => 'Successful transactions', 'value' => number_format($stats['transactions']).'+'],
        ['label' => 'Security', 'value' => 'Bank-level encryption'],
    ];
@endphp

<section class="bg-brand-600 py-14 dark:bg-brand-800" aria-label="Trust indicators">
    <div class="mx-auto grid max-w-5xl grid-cols-1 gap-8 px-4 text-center sm:grid-cols-3 sm:px-6 lg:px-8">
        @foreach ($badges as $badge)
            <div>
                <div class="text-3xl font-extrabold text-white">{{ $badge['value'] }}</div>
                <div class="mt-1 text-sm font-medium text-brand-100">{{ $badge['label'] }}</div>
            </div>
        @endforeach
    </div>
</section>