<%= wrapper_element do %> <%= tag.dialog class: "w-full h-full bg-transparent theme-dark:backdrop:bg-alpha-black-900 backdrop:bg-overlay pt-[env(safe-area-inset-top)] pb-[env(safe-area-inset-bottom)] #{(drawer? || responsive?) ? "lg:p-3" : "lg:p-1"}", **merged_opts do %> <%= tag.div class: dialog_outer_classes do %> <%= tag.div class: dialog_inner_classes, data: { DS__dialog_target: "content" } do %>

<% if header? %> <%= header %> <% end %> <% if body? %>

<%= body %> <% if sections.any? %>

<% sections.each do |section| %> <%= section %> <% end %>

<% end %>

<% end %> <%# Optional, for customizing dialogs %> <%= content %>

<% if actions? %>

<% actions.each do |action| %> <%= action %> <% end %>

<% end %> <% end %> <% end %> <% end %> <% end %>