{% props nav: String = "", sidebar: Slot = Slot::default(), topbar: Slot, inner_block: Slot %}
{# nav="top" drops the sidebar; the topbar then carries the navigation #}
<a class="ui-skip-link" href="#main">Skip to main content</a>
<div class="ui-app-shell"{% if !nav.is_empty() %} data-nav="{{ nav }}"{% end %}>
{%- if nav != "top" %}
<aside class="ui-sidebar" aria-label="Main">{{ sidebar }}</aside>
{%- end %}
<header class="ui-app-topbar">{{ topbar }}</header>
<main class="ui-app-main" id="main" tabindex="-1">{{ inner_block }}</main>
</div>