@props([
    'pageTitle',
    'pageCaption'
])

<div class="block">
    <div class="bg-bg-pr/80 backdrop-blur-sm sticky top-0 mb-8 pt-6 z-10">
        @if(isset($pageTitle))
            <div class="px-8 mb-6">
                <h1 class="text-title-2 font-semibold tracking-tighter">
                    {{ $pageTitle }}
                </h1>
                @if(isset($pageCaption))
                    <p class="text-par-s text-lab-pr2 max-w-lg">{!! $pageCaption !!}</p>
                @endif
            </div>
        @endif

        @if(isset($pageTabs))
            <div class="border-b border-b-fill-pr px-8">
                {{ $pageTabs }}
            </div>
        @endif
    </div>
    <div class="px-8">
        {{ $slot }}
    </div>
</div>