@props([
    'documents' => [],
])

<div class="grid md:grid-cols-3 gap-8">

    @foreach($documents as $document)

        <x-website.resource-card
            :title="$document['title']"
            :url="$document['url']" />

    @endforeach

</div>