@props(['value', 'label','count' => t('remaining')])

<span
    {{ $attributes->merge([
        'class' =>
            'inline-flex items-center p-2 rounded-md text-sm font-medium bg-blue-50 text-blue-700 dark:bg-blue-900/30 dark:text-blue-300 border border-blue-200 dark:border-blue-800 shadow-sm',
    ]) }}>
    <x-heroicon-s-chart-bar class="h-4 w-4 mr-1.5" />
    {{ $label }}:
    <span class="mx-1 font-bold">{{ $value }}</span>/<span class="ml-1 font-bold">{{ $count }}</span>
</span>