@props([
  'title' => '',
  'hours' => 0,
  'count' => 0,
  'countLabel' => 'عدد'
])

<div class="bg-gray-50 dark:bg-gray-900/40 rounded-xl p-3 space-y-1">
  <div class="font-semibold text-xs mb-1">{{ $title }}</div>

  <div>الساعات:
    <span class="font-bold">{{ $hours }} ساعة</span>
  </div>

  <div>{{ $countLabel }}:
    <span class="font-bold">{{ $count }}</span>
  </div>
</div>