@props([
    'title',
    'value' => 0,
    'icon' => '📦',
    'route' => '#'
])

<a href="{{ route($route) }}"
   class="block p-6 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl shadow hover:shadow-lg transition-all duration-300">
    <div class="flex items-center space-x-4">
        <div class="text-3xl">{{ $icon }}</div>
        <div>
            <h2 class="text-lg font-semibold text-gray-700 dark:text-white">{{ $title }}</h2>
            <p class="text-xl font-bold text-blue-600 dark:text-blue-400">{{ $value }}</p>
        </div>
    </div>
</a>