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

<div class="rounded-xl border border-gray-200 bg-white p-3 shadow-sm dark:border-gray-700 dark:bg-gray-800">
    <p class="text-xs text-gray-500 dark:text-gray-400 mb-0.5">{{ $label }}</p>
    <h3 class="text-lg font-semibold text-gray-900 dark:text-white">{{ $value }}</h3>
</div>