@props(['eyebrow' => null])

<div {{ $attributes->class(['flex flex-col gap-3']) }}>
    @if ($eyebrow)
        <p class="label">{{ $eyebrow }}</p>
    @endif
    <h1 class="text-[32px] md:text-[36px]">{{ $slot }}</h1>
    <span class="section-rule section-rule--sm" aria-hidden="true"></span>
    @isset($intro)
        <p class="text-lg text-muted max-w-[640px]">{{ $intro }}</p>
    @endisset
</div>