<turbo-stream action="update" target="global-modal"><template><div id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-backdrop"
     data-controller="modal"
     data-action="click->modal#backdropClose"
     class="fixed inset-0 z-50 flex items-start justify-center overflow-y-auto bg-black/60 px-4 pb-8 pt-[40px]"
     role="dialog"
     aria-modal="true"
     aria-labelledby="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-title">
  <div id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-panel"
       class="w-full max-w-[36.8rem] overflow-hidden rounded-lg border-2 border-(--brand-gray) bg-white shadow-xl">
    <div id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-header" class="flex items-start justify-between gap-4 border-b border-(--brand-gray) px-6 py-4">
      <div id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-heading" class="min-w-0">
        <h2 id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-title" class="font-['Oswald'] text-xl font-bold uppercase leading-tight text-gray-900">
          <span id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-title-label" class="mb-[10px] block text-[0.85em] text-gray-500">Review</span>
            <span id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-title-thing" class="block truncate">Spearfish Falls</span>
        </h2>
        <div id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-meta" class="mt-1 space-y-0.5 pl-[5px]">
            <p id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-reviewer" class="text-xs font-normal leading-snug text-gray-500">Robyn G.</p>
          <p id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-created" class="text-xs font-normal leading-snug text-gray-500">Sep 30, 2026</p>
        </div>
      </div>
      <button type="button"
              id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-dismiss"
              data-action="click->modal#close"
              class="shrink-0 cursor-pointer p-1 text-xl leading-none text-gray-400 hover:text-gray-600"
              aria-label="Close">
        &times;
      </button>
    </div>
    <div id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-content" class="px-6 py-5">
      <p id="review-body-modal-0c6dac3a-d631-4f7e-8fe4-208d05405f45-body" class="whitespace-pre-wrap break-words text-sm leading-relaxed text-gray-700 [overflow-wrap:anywhere]">Take your camera! This is a gorgeous hike and incredible waterfall. Yes, you can hike there and back in under 30 minutes but plan for longer so you can enjoy the falls and take some great pictures.</p>
    </div>
  </div>
</div>
</template></turbo-stream>