@props(['analytics'])

<div class="bg-white rounded-lg shadow p-6">
    <h2 class="text-lg font-semibold text-gray-900 mb-4">Network Analytics</h2>
    
    <div class="grid grid-cols-2 gap-4">
        <div>
            <p class="text-gray-600 text-sm">Connections</p>
            <p class="text-3xl font-bold text-blue-600">{{ $analytics['connections_count'] ?? 0 }}</p>
        </div>
        
        <div>
            <p class="text-gray-600 text-sm">Countries</p>
            <p class="text-3xl font-bold text-green-600">{{ $analytics['countries_count'] ?? 0 }}</p>
        </div>
        
        <div>
            <p class="text-gray-600 text-sm">Specialties</p>
            <p class="text-3xl font-bold text-purple-600">{{ $analytics['specialties_count'] ?? 0 }}</p>
        </div>
        
        <div>
            <p class="text-gray-600 text-sm">This Week</p>
            <p class="text-3xl font-bold text-orange-600">{{ $analytics['new_connections_week'] ?? 0 }}</p>
        </div>
    </div>
</div>