@props(['stats'])

<div class="row g-3 mb-3">
    <div class="col-6 col-sm-4">
        <div class="card text-center h-100">
            <div class="card-body">
                <div class="fs-4 fw-normal text-primary">{{ $stats['total'] ?? 0 }}</div>
                <p class="text-body-tertiary fs-9 mb-0">Total de Posts</p>
            </div>
        </div>
    </div>
    <div class="col-6 col-sm-4">
        <div class="card text-center h-100">
            <div class="card-body">
                <div class="fs-4 fw-normal text-success">{{ $stats['published'] ?? 0 }}</div>
                <p class="text-body-tertiary fs-9 mb-0">Publicados</p>
            </div>
        </div>
    </div>
    <div class="col-6 col-sm-4">
        <div class="card text-center h-100">
            <div class="card-body">
                <div class="fs-4 fw-normal text-warning">{{ $stats['pending'] ?? 0 }}</div>
                <p class="text-body-tertiary fs-9 mb-0">Pendentes</p>
            </div>
        </div>
    </div>
</div>