@props([
    'kicker' => null,
    'title',
    'lead' => null,
])

{{--
    Titre de page sans encadrement : ni bordure, ni aplat. C'est l'espace qui
    l'isole du contenu, et un filet d'un pixel qui marque la fin du bloc.
--}}
<div class="site-container pt-section-sm pb-12 sm:pb-16">
    @if ($kicker)
        <p class="kicker">{{ $kicker }}</p>
    @endif

    <h1 @class(['display-page', 'mt-4' => (bool) $kicker])>{{ $title }}</h1>

    @if ($lead)
        <p class="lead mt-6">{{ $lead }}</p>
    @endif

    @if (! $slot->isEmpty())
        <div class="mt-8">{{ $slot }}</div>
    @endif
</div>