  <turbo-stream action="replace" target="remote_modal"><template>
    
<turbo-frame data-controller="" data-main-modal-id="shareRecipeModal" id="remote_modal">
  <div class="modal fade no-scroll overflow-auto " id="shareRecipeModal" tabindex="-1" aria-labelledby="newItemRemoteModalLabel" aria-hidden="true" data-controller="modal" data-action="turbo:before-render@document->modal#hideBeforeRender"   >
    <div class="modal-dialog modal-dialog-centered modal-xl gateway">
      <div class="modal-content card-border" id="modal_content">
          <div class="modal-header border-bottom-warning py-15 bg-selection px-lg-4 px-2">
            <h6 class="modal-title text-gradient-blue" id="newItemRemoteModalLabel">Documents</h6>
                <button type="button" class="btn p-2" data-bs-dismiss="modal" aria-label="Close" id="closeModal">
                  <i class="fa fa-times fs-20 text-gradient-pink"></i>
                </button>
          </div>
        <div class="modal-body remote_modal_body " id="remote_modal_body">
          
      <turbo-frame loading="lazy" id="user_Documents_media" src="/users/dashboards/U01246555/user_gallery.turbo_stream?folder_type=Documents&amp;lazy_load=true">
        <div class="row align-items-start justify-content-start g-3">
      <div class="col-xl-3 col-lg-4 col-md-6 col-12">
        <div class="card card-border">
          <div class="card-body">
            <div class="placeholder col-12 folder-cover"></div>
            <div class="mt-2 placeholder col-6"></div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-lg-4 col-md-6 col-12">
        <div class="card card-border">
          <div class="card-body">
            <div class="placeholder col-12 folder-cover"></div>
            <div class="mt-2 placeholder col-6"></div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-lg-4 col-md-6 col-12">
        <div class="card card-border">
          <div class="card-body">
            <div class="placeholder col-12 folder-cover"></div>
            <div class="mt-2 placeholder col-6"></div>
          </div>
        </div>
      </div>
      <div class="col-xl-3 col-lg-4 col-md-6 col-12">
        <div class="card card-border">
          <div class="card-body">
            <div class="placeholder col-12 folder-cover"></div>
            <div class="mt-2 placeholder col-6"></div>
          </div>
        </div>
      </div>
  </div>

</turbo-frame>
        </div>
      </div>
    </div>
  </div>
  
</turbo-frame></template></turbo-stream>