@props(['kicker' => null, 'title' => null, 'description' => null, 'align' => 'center'])

<div class="mx-auto max-w-2xl {{ $align === 'center' ? 'text-center' : 'text-left' }}">
    @if($kicker)
        <span class="text-xs font-semibold uppercase tracking-widest text-brand-600">{{ $kicker }}</span>
    @endif
    <h2 class="mt-3 font-display text-3xl font-semibold text-ink-900 sm:text-4xl">{{ $title }}</h2>
    @isset($description)
        <p class="mt-4 text-ink-800/70">{{ $description }}</p>
    @endisset
</div>