@props(['vertical' => false])
<div class="relative py-2">
    @if($vertical)
        <div
            {{$attributes->merge(['class' => 'absolute bottom-0 left-0 w-full h-full transform -rotate-1 rounded-lg'])}}
            style="z-index: -1"></div>
        <div
            class="absolute bottom-0 left-0 w-full h-full transform -rotate-2 rounded-lg bg-gray-100"
            style="z-index: -2"></div>
        @else
        <div
            {{$attributes->merge(['class' => 'absolute bottom-0 left-0 w-full h-full transform -rotate-3 rounded-lg'])}}
            style="z-index: -1"></div>
        <div
            class="absolute bottom-0 left-0 w-full h-full transform -rotate-6 rounded-lg bg-gray-100"
            style="z-index: -2"></div>
        @endif

    <div class="max-w-3xl border-gray-800 mx-auto relative bg-white py-6 px-4 rounded-lg z-10 shadow-xl border border-gray-50">
        {{$slot}}
    </div>
</div>