@props(['id', 'message'=>null])
<x-modal id="{{$id}}" maxWidth='sm'>
    <!-- contents -->
    <main class="p-4 text-sm">
    <span id="{{$id}}_message">{{$message}}</span>
    </main>
    <!-- footer -->
    <footer class="py-3 px-3 flex gap-3 items-center justify-end border-t ">
        <x-button.modal-ok  data-micromodal-close />
    </footer>
</x-modal>