@props(['eyebrow' => null, 'title', 'subtitle' => null, 'center' => true])

<div class="{{ $center ? 'mx-auto max-w-2xl text-center' : '' }} mb-10">
    @if ($eyebrow)
        <p class="text-xs font-extrabold uppercase tracking-[0.2em] ws-accent-text">{{ $eyebrow }}</p>
    @endif
    <h2 class="mt-2 font-ws-heading text-3xl font-extrabold tracking-tight text-slate-900 sm:text-4xl">{{ $title }}</h2>
    @if ($subtitle)
        <p class="mt-3 text-base leading-relaxed text-slate-500">{{ $subtitle }}</p>
    @endif
</div>