@props(['label' => '', 'value' => '-', 'suffix' => null])

<div class="flex flex-col p-3 rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800">
    <div class="text-xs text-gray-500">{{ $label }}</div>
    <div class="text-base font-semibold text-gray-900 dark:text-gray-100">
        {{ $value }}@if($suffix)<span class="text-sm font-medium text-gray-600">{{ $suffix }}</span>@endif
    </div>
</div>