{{--
    Section Header Component
    
    @param string $title - عنوان بخش
    @param string $description - توضیحات (اختیاری)
--}}

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

<div class="border-t border-slate-700 pt-4 mt-4">
    <h3 class="px-4 text-xs font-semibold text-slate-500 uppercase tracking-wider">
        {{ $title }}
    </h3>
    @if($description)
        <p class="px-4 mt-1 text-xs text-slate-400">{{ $description }}</p>
    @endif
    <div class="mt-2 space-y-1">
        {{ $slot }}
    </div>
</div>