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

<x-jet-modal :id="$id" :maxWidth="$maxWidth" {{ $attributes }}>
    <div class="modal-card card">
        <div class="card-header">
            <h4 class="card-header-title">
                {{ $title }}
            </h4>
        </div>

        <div class="card-body" style="padding-bottom: 0; padding-top: 0">
            {{ $content }}
        </div>

        @isset($footer)
            <div class="modal-footer bg-light">
                {{ $footer }}
            </div>
        @endisset
    </div>
</x-jet-modal>