@props([
    'theme' => 'presseecho',
    'items' => [],
])

@php
    $defaultItems = [
        'presseecho' => [
            ['label' => 'Themendossiers', 'url' => '/themendossiers'],
            ['label' => 'Fachbereiche', 'url' => '/fachbereiche'],
            ['label' => 'Experten', 'url' => '/experten'],
        ],
        'businessportal24' => [
            ['label' => 'Unternehmen', 'url' => '/unternehmen'],
            ['label' => 'Branchen', 'url' => '/branchen'],
            ['label' => 'Regionen', 'url' => '/regionen'],
        ],
    ];
    
    $navItems = !empty($items) ? $items : ($defaultItems[$theme] ?? $defaultItems['presseecho']);
@endphp

<nav class="sticky top-0 z-40 bg-white dark:bg-zinc-900 border-b border-zinc-200 dark:border-zinc-800 shadow-sm backdrop-blur-sm transition-colors duration-200">
    <div class="container mx-auto px-4">
        <div class="flex items-center justify-center gap-8 h-14">
            @foreach($navItems as $index => $item)
                @if($index > 0)
                    <span class="text-zinc-300 dark:text-zinc-700">|</span>
                @endif
                <a href="{{ $item['url'] }}" 
                   class="main-nav-link text-sm font-medium text-zinc-700 dark:text-zinc-300 hover:text-[var(--color-primary)] dark:hover:text-[var(--color-secondary)] transition-colors relative group py-4">
                    {{ $item['label'] }}
                    <span class="absolute bottom-0 left-0 w-0 h-0.5 bg-gradient-to-r from-[var(--color-primary)] to-[var(--color-secondary)] group-hover:w-full transition-all duration-300"></span>
                </a>
            @endforeach
        </div>
    </div>
</nav>