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

<div class="border-b border-gray-200 px-6 py-4 dark:border-white/10">
    <div class="flex items-center justify-between">
        <div>
            <h3 class="text-base font-semibold text-gray-950 dark:text-white">{{ $title }}</h3>
            @if ($description)
                <p class="mt-1 text-xs text-gray-500 dark:text-gray-400">{{ $description }}</p>
            @endif
        </div>
        @isset($actions)
            <div class="flex items-center gap-2">{{ $actions }}</div>
        @endisset
    </div>
</div>
