@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">
            @foreach($deals as $deal)

                <x-dashboard.listing-card
                    :image="asset('storage/'.$deal->image)"
                    :title="$deal->title"
                    :category="$deal->category->name"
                    :status="$deal->active"
                    impressions="1245"
                    likes="89"
                    class="156"
                />
            @endforeach
        </div>
    </x-dashboard.card>
</div>