@props([
    'name',
    'show' => false,
    'maxWidth' => '2xl',
])

@php
$sizeClass = match ($maxWidth) {
    'sm' => 'modal-sm',
    'lg', 'xl' => 'modal-lg',
    '2xl' => 'modal-xl',
    default => '',
};
@endphp

<div class="modal fade" id="modal-{{ $name }}" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered {{ $sizeClass }}">
        <div class="modal-content">
            {{ $slot }}
        </div>
    </div>
</div>