@props(['id' => null, 'maxWidth' => '2xl'])

@php
$maxWidthClass = [
    'sm' => 'sm:max-w-sm',
    'md' => 'sm:max-w-md',
    'lg' => 'sm:max-w-lg',
    'xl' => 'sm:max-w-xl',
    '2xl' => 'sm:max-w-2xl',
][$maxWidth] ?? 'sm:max-w-2xl';
@endphp

<div id="{{ $id ?? 'modal-' . uniqid() }}" class="modal fade" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog {{ $maxWidthClass }}">
        <div class="modal-content rounded-lg shadow-lg border-0">
            <div class="modal-header">
                <h5 class="modal-title">{{ $title ?? 'Bilgi' }}</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
            </div>
            <div class="modal-body">
                {{ $slot }}
            </div>
            @if (isset($footer))
                <div class="modal-footer">
                    {{ $footer }}
                </div>
            @endif
        </div>
    </div>
</div>