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

<div class="mt-6">
    <div {{ $attributes->merge([
        'class' => "relative rounded-xl border border-gray-200 p-6 pt-6 $class"
    ]) }}>


        @if($title)
            <div class="absolute -top-3 left-4 bg-white px-2">
                <h3 class="text-sm font-medium text-orange-600">
                    {{ $title }}
                </h3>
            </div>
        @endif

        <div class="space-y-4">
            {{ $slot }}
        </div>

    </div>
</div>