<?php

declare(strict_types=1);

/**
 * Kennzahlen-Band über abgedunkeltem Foto (Vereinsgelände), Kanten verlaufen
 * weich in den Seitenhintergrund. Props:
 *   $stats array{items: array{value, label}[], image?: array (img-Komponente)}
 */
$image = $stats['image'] ?? [
    'base'   => 'img/pages/vereinsgelaende',
    'widths' => [1000, 1600],
    'alt'    => '',
];
?>
        <section class="section stats" aria-label="Der Verein in Zahlen">
            <div class="stats__media" aria-hidden="true">
<?php component('img', ['image' => $image, 'sizes' => '100vw', 'class' => 'stats__img']); ?>
            </div>
            <div class="container">
                <ul class="stats__list">
<?php foreach ($stats['items'] as $item): ?>
                    <li class="stats__item">
                        <span class="stats__value"><?= e($item['value']) ?></span>
                        <span class="stats__label"><?= e($item['label']) ?></span>
                    </li>
<?php endforeach; ?>
                </ul>
            </div>
        </section>
