@props([
    'kicker' => '',
    'title' => '',
    'lead' => null,
    'href' => null,
    'linkText' => null,
    'narrow' => false,
    'centered' => false,
])

<header @class([
    'home-section-head',
    'home-section-head--center' => $centered,
    'home-section-head--narrow' => $narrow && ! $centered,
    'home-section-head--split' => ! $centered && $href && $linkText,
])>
    <div class="home-section-head__main">
        @if($kicker)
            <p class="home-kicker">{{ $kicker }}</p>
        @endif
        <h2 class="home-section-title">{{ $title }}</h2>
        @if($lead)
            <p @class(['home-lead', 'home-lead--center' => $centered])>{{ $lead }}</p>
        @endif
        @if($centered && $href && $linkText)
            <a href="{{ $href }}" class="home-text-link mt-5 inline-block">{{ $linkText }}</a>
        @endif
    </div>
    @if(! $centered && $href && $linkText)
        <a href="{{ $href }}" class="home-text-link shrink-0">{{ $linkText }}</a>
    @endif
</header>