{{--
    モーダルでマスタデータを選択する
    @props id モーダルID
    @props key モーダル識別キー
    @props src 選択モーダルURL
--}}
@props(['id', 'key' => null, 'src'=>null])

<x-modal id="{{$id}}" key="{{$key}}" maxWidth='2xl'>
    <!-- main -->
    <main class="px-4 py-2">
        <div class="modal-container-main h-[calc(100vh_-_210px)] overflow-auto">
            <iframe id="{{$id}}_iframe" src="" data-src="{{$src}}"
             width="100%" height="100%"></iframe>
        </div>
    </main>
    <footer class="py-3 px-3 flex gap-3 items-center justify-end border-t ">
        <x-button.modal-close data-micromodal-close/>
    </footer>
</x-modal>