Sheet

<%= render(Zui::Sheet.new) do |sheet| %>
  <%= sheet.trigger_button { "Edit Profile"} %>
  <%= sheet.content do |content| %>
    <%= content.title { "Edit Profile" } %>
    <%= content.description { "Make changes to your profile here. Click save when you're done." } %>
    <%= content.body do %>
      <%= render "shared/profile_form" %>
    <% end %>
  <% end %>
<% end %>

<%= render(Zui::Sheet.new(side: side)) do |sheet| %>
  <%= sheet.trigger_button(class: "w-[100px]") { side.to_s.titleize } %>
  <%= sheet.content do |content| %>
    <%= content.title { "Edit Profile" } %>
    <%= content.description { "Make changes to your profile here. Click save when you're done." } %>
    <%= content.body do %>
      <%= render "shared/profile_form" %>
    <% end %>
  <% end %>
<% end %>