@props(['view_all_href' => false])
<div>
    <ul role="list" class="divide-y divide-gray-100 ">
        {{ $slot }}
    </ul>
    @if($view_all_href)
        <a href="{{ $view_all_href }}" class="flex w-full items-center justify-center rounded-md bg-white px-3 py-2 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 focus-visible:outline-offset-0">View all</a>
    @endif
</div>