@props(['page'])

<section class="page">
    <header class="page-header">
        <div>
            <h1>{{ $page->title }}</h1>
            <p>{{ $page->subtitle }}</p>
        </div>

        @if ($page->primaryActionLabel !== null && $page->primaryActionUrl !== null)
            <a class="button" href="{{ $page->primaryActionUrl }}">{{ $page->primaryActionLabel }}</a>
        @endif
    </header>

    @if ($page->statusBanner !== null)
        <div class="status-banner" role="status">{{ $page->statusBanner }}</div>
    @endif

    <div class="page-content">
        {{ $slot }}
    </div>
</section>