@props(['title' => '', 'description' => '', 'backLink' => ''])
<section class="flex space-x-6 items-center justify-between wrapper py-6 shadow w-full">
    <div class="flex space-x-6 items-center">
        @if($backLink !== '')
            <div class="">
                <x-ui.button-sm :link="$backLink">
                    <x-heroicon-o-arrow-left class="w-4"/>
                </x-ui.button-sm>
            </div>
        @endif
        <div class="">
            <h1 class="text-xl font-bold">{{$title}}</h1>
            @if($description !== '')
                <p class="text-sm text-accent-600">{{$description}}</p>
            @endif
        </div>
    </div>
    <div class="">
        @isset($center)
            {{ $center }}
        @endisset
    </div>

    <div class="">
        @isset($end)
            {{ $end }}
        @endisset
    </div>
</section>