@props(['opacity' => '75'])

@php
switch($opacity) {
case 'light':
    $opacity = "opacity-25";
    break;
case 'medium':
    $opacity = "opacity-50";
    break;
case 'full':
default:
    $opacity = "opacity-75";
}
@endphp

<div {{ $attributes->merge(['class' => 'fixed top-0 left-0 w-screen h-screen flex justify-center items-center z-50']) }}>
    <div class="absolute h-full w-full bg-black {{ $opacity }}"></div>
    <div class="relative p-12 bg-white rounded flex flex-col justify-center z-9999">
        {{ $slot }}
    </div>
</div>