@props([
    'title',
    'items' => [],
    'highlight' => null,
])
@if(count($items))
    <section class="nx-voices" aria-labelledby="nx-voices-title">
        <div class="nx-shell">
            <x-nx.section-head
                index="04"
                label="From the field"
                :title="$title"
                :highlight="$highlight"
                id="nx-voices-title"
            />

            <div class="nx-voices__grid">
                @foreach($items as $item)
                    <blockquote class="nx-card nx-voices__card">
                        <p class="nx-voices__quote">"{{ $item['quote'] ?? '' }}"</p>
                        <footer class="nx-voices__meta">
                            <cite class="nx-voices__name">{{ $item['name'] ?? '' }}</cite>
                            <span class="nx-voices__biz">{{ $item['business'] ?? '' }}</span>
                        </footer>
                    </blockquote>
                @endforeach
            </div>
        </div>
    </section>
@endif