 <%= turbo_frame_tag "flash" do %>
  <% flash.each do |type, message| %>
    <div data-controller="flash" data-flash-target="toast" class="fixed z-50 top-2 right-2 border p-3 shadow-lg opacity-100 translate-x-full transition-transform ease-in-out duration-300 transform <%= type == "alert" ? "bg-red-50 border-red-500/50 text-red-800" : "bg-green-50 border-green-300/90 text-green-800" %>">
      <div class="flex items-center justify-between gap-4">
        <%= icon "check", class: "size-4 stroke-primary-500" %>
        <span class="text-l"><%= message %></span>
        <button type="button" data-action="click->flash#dismiss" class="p-1 hover:bg-gray-100/70 flex items-center justify-center rounded-md">
          <%= icon "x-mark", class: "size-4 stroke-current text-gray-600 pointer-events-none" %>
        </button>
      </div>
    </div>
  <% end %>
<% end %>
