@props(['action', 'row', 'param'])
<x-modal id="confirm_deletion_{{$row}}" maxWidth='sm'>
    <form id="modal_confirm_deletion_{{$row}}" method="post" action="{{ $action }}" data-action="{{ $action }}">
        @csrf
        @method('delete')
        <input type="hidden" name="row" value="{{ $row ?? '' }}">
        <input type="hidden" name="param" value="{{ $param ?? '' }}">
        <!-- 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>