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

<div {{ $attributes->class(['card overflow-visible']) }}>
    <div class="p-5 sm:p-6">
        <x-form-section-header :title="$title" :description="$description" :icon="$icon" />
        {{ $slot }}
    </div>

    @isset($actions)
        <div class="flex flex-wrap items-center justify-end gap-3 rounded-b-2xl border-t border-surface-100 bg-surface-50/70 px-5 py-4 sm:px-6">
            {{ $actions }}
        </div>
    @endisset
</div>