{{--
    Form Section Component
    ───────────────────────
    Fieldset dengan judul untuk mengelompokkan field form.

    Usage:
        <x-form.section title="Data Identitas" icon="bi-person">
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label">NIK</label>
                    <input type="text" class="form-control" name="nik">
                </div>
            </div>
        </x-form.section>

    Props:
        title   string  required
        icon    string  optional — Bootstrap icon class
        desc    string  optional — deskripsi singkat di bawah judul
--}}
@props([
    'title',
    'icon' => null,
    'desc' => null,
])

<fieldset class="los-form-section">
    <legend class="los-form-section__title">
        @if($icon)<i class="bi {{ $icon }}"></i>@endif
        {{ $title }}
    </legend>
    @if($desc)
    <p class="los-form-section__desc">{{ $desc }}</p>
    @endif
    {{ $slot }}
</fieldset>