<%= render "layouts/shared/htmldoc" do %>
  <div class="bg-surface flex flex-col h-full pt-[env(safe-area-inset-top)]">
    <header class="flex items-center justify-between p-8">
      <% if content_for?(:prev_nav) %>
        <%= yield :prev_nav %>
      <% else %>
        <%= render DS::Link.new(
          variant: "icon",
          icon: "arrow-left",
          href: content_for(:previous_path) || root_path
        ) %>
      <% end %>

      <nav>
        <%= yield :header_nav %>
      </nav>

      <% if content_for?(:cancel_action) %>
        <%= yield :cancel_action %>
      <% else %>
        <%= render DS::Link.new(
          variant: "icon",
          icon: "x",
          href: content_for(:cancel_path) || root_path
        ) %>
      <% end %>
    </header>

    <main class="grow px-8 pt-12 pb-32 overflow-y-auto">
      <%= yield %>
    </main>

    <% if content_for?(:footer) %>
      <%= yield :footer %>
    <% end %>
  </div>
<% end %>
