@props(['calories' => null, 'protein' => null, 'carbohydrates' => null, 'fat' => null, 'warning' => false])
<div class="nutrition-macros" role="list" aria-label="Valori nutrizionali">
    <span role="listitem"><strong>{{ $calories ?? '—' }}</strong> kcal</span>
    <span role="listitem"><strong>{{ $protein ?? '—' }}</strong> g proteine</span>
    <span role="listitem"><strong>{{ $carbohydrates ?? '—' }}</strong> g carboidrati</span>
    <span role="listitem"><strong>{{ $fat ?? '—' }}</strong> g grassi</span>
    @if ($warning)<span class="text-warning" role="status"><i class="bi bi-exclamation-triangle" aria-hidden="true"></i> Verifica calorie</span>@endif
</div>