@props([
    'navigation' => [
        [
            'label' => 'A',
            'href' => '#',
            'is_active' => request()->is(['/test/*/test'])
        ],
        [
            'label' => 'B',
            'href' => '#',
            'is_active' => request()->is(['/test2/*'])
        ],
    ]
])

<div class="bg-grad-header">
    <div class="container-1 py-8">
        {{ $slot }}
        <div class="flex flex-wrap justify-center gap-x-4">
            @foreach($navigation as $item)
                <a
                    class="
                        {{ $item['is_active']?'underline':'hover:no-underline' }}
                        link hover:opacity-75 text-white px-2.5 py-2 font-barlow text-2xl
                    "
                    href="{{ $item['href'] }}"
                >
                    {{ $item['label'] }}
                </a>
            @endforeach
        </div>
    </div>
</div>