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

<div {{ $attributes->merge(['class' => 'flex items-start justify-between gap-4 mb-6']) }}>
    <div>
        <h1 class="text-h1 text-content">{{ $title }}</h1>
        @if ($description)
            <p class="text-small text-muted mt-1">{{ $description }}</p>
        @endif
    </div>
    @isset ($actions)
        <div class="flex items-center gap-2">{{ $actions }}</div>
    @endisset
</div>