@props(['views' => 0, 'likes' => 0, 'clicks' => 0])
<div class="flex items-center justify-between">
    <div class=" text-accent-600 flex space-x-2">
        <x-heroicon-o-eye class="w-4"/>
        <p class="text-sm">{{$views}}</p>
    </div>

    <div class=" text-accent-600 flex space-x-2">
        <x-heroicon-o-heart class="w-4"/>
        <p class="text-sm">{{$likes}}</p>
    </div>

    <div class=" text-accent-600 flex space-x-2">
        <x-heroicon-o-cursor-arrow-rays class="w-4"/>
        <p class="text-sm">{{$clicks}}</p>
    </div>
</div>