@props([
    'companies' => [],
    'title' => 'Top Unternehmen',
])

@php
    // Default companies wenn keine übergeben werden
    if (empty($companies)) {
        $companies = [
            ['name' => 'TechVision Analytics', 'initial' => 'T', 'url' => '#'],
            ['name' => 'CloudTech Research', 'initial' => 'C', 'url' => '#'],
            ['name' => 'CyberSafe Europe', 'initial' => 'C', 'url' => '#'],
            ['name' => 'DevTech Insights', 'initial' => 'D', 'url' => '#'],
            ['name' => 'QuantumTech Germany', 'initial' => 'Q', 'url' => '#'],
        ];
    }
@endphp

<x-web.sidebar-widget title="Top Unternehmen">
    <div class="space-y-2">
        @foreach ($companies as $company)
            <a href="{{ $company['url'] ?? '#' }}"
                class="flex items-center gap-3 text-sm hover:bg-zinc-50 dark:hover:bg-zinc-800 p-2 rounded-lg transition-colors">
                <div
                    class="w-8 h-8 bg-gradient-to-br from-[var(--color-primary)]/10 to-[var(--color-secondary)]/10 rounded flex items-center justify-center flex-shrink-0">
                    <span class="text-xs font-bold text-[var(--color-primary)]">{{ $company['initial'] }}</span>
                </div>
                <span class="text-zinc-900 dark:text-zinc-100 hover:text-[var(--color-primary)] transition-colors">
                    {{ $company['name'] }}
                </span>
            </a>
        @endforeach
    </div>
</x-web.sidebar-widget>