{{-- Casca que envolve o corpo do site. --}}
@php($type = $type ?? '')
<div {{ $attributes->merge(['class' => 'bg-transparent relative']) }} >
    <div class="bg-white {{ ['top' => 'rounded-t-[50px]', 'bottom' => 'rounded-b-[50px]'][$type ?? ''] ?? 'rounded-[50px]' }} -my-12">
        @if(!$type || $type == 'top')
            <div class="flex items-center justify-center">
                <div class="border-2 border-yellow-500 border-solid rounded-full px-[10px] py-2 -mt-5 bg-white aspect-square flex flex-col justify-center">
                    <img src="{{ asset('images/alt-arrow-down2.svg') }}">
                </div>
            </div>
        @endif
        {{$slot}}
    </div>
</div>