<?php

declare(strict_types=1);

/**
 * Kompakte Faktenleiste (Icon + Label + Wert). Props:
 *   $facts  array [{icon, label, value}, …] — Einträge mit leerem 'value' werden übersprungen.
 *   $anchor string (optional) — Sektions-ID.
 *   $tinted bool   (optional, Default false) — aufgehelltes Band.
 * GEO/SEO: kompakte, zitierfähige Fakten. Rendert nichts, wenn keine Werte vorliegen.
 */
$anchor = $anchor ?? null;
$tinted = $tinted ?? false;

$facts = array_values(array_filter(
    $facts ?? [],
    static fn (array $f): bool => isset($f['value']) && $f['value'] !== ''
));
if ($facts === []) {
    return;
}
?>
        <section class="section key-facts<?= $tinted ? ' section--tinted' : '' ?>"<?= $anchor ? ' id="' . e($anchor) . '"' : '' ?>>
            <div class="container">
                <ul class="key-facts__grid">
<?php foreach ($facts as $fact): ?>
                    <li class="key-facts__item">
<?php if (!empty($fact['icon'])): ?>
                        <span class="key-facts__icon"><?= icon($fact['icon']) ?></span>
<?php endif; ?>
                        <span class="key-facts__text">
<?php if (!empty($fact['label'])): ?>
                            <span class="key-facts__label"><?= e($fact['label']) ?></span>
<?php endif; ?>
                            <span class="key-facts__value"><?= e($fact['value']) ?></span>
                        </span>
                    </li>
<?php endforeach; ?>
                </ul>
            </div>
        </section>
