<%= turbo_frame_tag "drawer" do %>
  <dialog class="bg-white border border-alpha-black-25 rounded-2xl max-w-[480px] w-full shadow-xs h-full mt-4 mr-4 focus-visible:outline-none" data-controller="modal" data-action="click->modal#clickOutside">
    <div class="flex flex-col h-full">
      <div class="flex justify-end items-center p-4">
        <div data-action="click->modal#close" class="cursor-pointer p-2">
          <%= lucide_icon("x", class: "w-5 h-5 shrink-0") %>
        </div>
      </div>
      <div class="flex-1 overflow-y-auto px-4 pb-4">
        <%= content %>
      </div>
    </div>
  </dialog>
<% end %>
