@props(['image' => '', 'title' => '', 'category' => '', 'impressions' => 0, 'likes' => 0, 'clicks' => 0, 'status' => ''])
<x-ui.image-card :image="$image">
    <div class="bg-white pt-8 px-4 space-y-4">
        <div class="flex justify-between items-baseline">
            <p class="font-bold text-lg">{{$title}}</p>
            @if($status == 'Active')
                <x-ui.badge :title="$status"/>
            @elseif($status == 'Pending')
                <x-ui.badge :title="$status" variant="ghost"/>
            @endif
        </div>
        <p class="text-accent-600">{{$category}}</p>
        <x-dashboard.listing-stats :impression="$impressions" :likes="$likes" :clicks="$clicks"/>
    </div>
</x-ui.image-card>