@props(['title', 'centered' => false])
<div class="page-header{{ $centered ? ' page-header--centered' : '' }}">
    <div class="container">
        <div class="row">
            <div class="col-12{{ $centered ? ' ' : ' col-lg-5' }}">
                <h1>{{ $title }}</h1>
                @if(trim($slot))
                    <p class="mb-0 mt-4">{{ $slot }}</p>
                @endif
            </div>
        </div>
    </div>
</div>
