@props(['action'])
<x-modal id="confirm_deletion" maxWidth='sm'>
    <form id="modal_confirm_deletion" method="post" action="{{ $action }}" data-action="{{ $action }}">
        @csrf
        @method('delete')
        <!-- contents -->
        <main class="p-4 h-16 text-sm">
        データを削除します。よろしいですか？
        </main>
        <!-- footer -->
        <footer class="py-3 px-3 flex gap-3 items-center justify-end border-t ">
            <x-button.modal-cancel  data-micromodal-close/>
            <x-button.modal-delete-action type="submit"/>
        </footer>
    </form>
</x-modal>