@props(['title' => null])

<x-slot name="header">
    <div class="flex items-center justify-between">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
            {{ __($title) }}
        </h2>
        <div class="flex gap-2 items-center">
            <a href="{{ route('channels.allegro') }}"
                class="transition-colors {{ request()->routeIs('channels.allegro') ? 'bg-blue-500 text-white' : 'text-blue-500' }}  hover:bg-blue-500  font-semibold  py-2 px-4 border border-blue-500 hover:border-transparent rounded">Dashboard</a>
            <a href="{{ route('channels.allegro.offers') }}"
                class="transition-colors {{ request()->routeIs('channels.allegro.offers') ? 'bg-blue-500 text-white' : 'text-blue-500' }} hover:bg-blue-500  font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">Oferty</a>
            <a href="{{ route('channels.allegro.offers.products') }}"
                class="transition-colors {{ request()->routeIs('channels.allegro.offers.products') ? 'bg-blue-500 text-white' : 'text-blue-500' }} hover:bg-blue-500 font-semibold hover:text-white py-2 px-4 border border-blue-500 hover:border-transparent rounded">Produkty</a>
        </div>
</x-slot>