@props(['status'])
<span class="flex justify-start items-center gap-2">
@if ($status === 'Updated')
        <x-heroicon-o-check class="h-4 w-4 text-green-500"/>
        <span class="text-xs text-green-500">Updated</span>
    @elseif ($status === 'No Data')
        <x-heroicon-o-exclamation-circle class="h-4 w-4 animate-spin"/>
        <span class="text-xs text-orange-500">No Data</span>
    @else
        <x-heroicon-o-x-circle class="h-4 w-4 text-red-500"/>
        <span class="text-xs text-red-500">Error retrieving data</span>
    @endif
</span>