{{-- Parte que envolve o corpo do site, usado após vitrine. --}}
@props(['class' => '', 'arrow' => true, 'surface' => true, 'top' => true, 'bottom' => true])
<div {{ $attributes->class(['relative'])->merge() }}>
    @if($arrow)
        <x-desktop.helpers.arrow/>
    @endif
    <div
        @class([
            "bg-white",
            "py-20" => $surface,
            "overflow-clip relative mb-[-90px] rounded-b-[50px] sm:rounded-b-[90px]" => $top,
            "mt-[-90px] rounded-t-[50px] sm:rounded-t-[90px] z-10" => $bottom,
        ])
    >
        <div class="bg-white">
            <div class="max-w-[85.375rem] mx-auto">
                {{ $slot }}
            </div>
        </div>
    </div>
</div>