@props(['deals' => []])
<div class="wrapper">
    <x-dashboard.card class="bg-white">
        <p class="font-bold mb-6">My Listings</p>
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            @forelse($deals as $deal)
                <x-dashboard.broker.listing-card :deal="$deal" />
            @empty
                <p class="text-center text-xs text-accent-600 lg:col-span-3">No Deals created</p>
            @endforelse
        </div>
    </x-dashboard.card>
</div>