{% load ui_classes %}

<c-vars id="ui-app" height="screen" sidebar="left" class="" />
{% ui_class "ui.app" "root" height=height sidebar=sidebar class=class as root_class %}
{% ui_class "ui.app" "backdrop" as backdrop_class %}
<div id="{{ id }}"
     data-ui-app
     data-height="{{ height }}"
     data-sidebar="{{ sidebar }}"
     data-sidebar-state="expanded"
     class="{{ root_class }}"
     {{ attrs }}>
    {{ slot }}
    <div class="{{ backdrop_class }}"
         data-ui-app-backdrop
         data-state="closed"
         hidden
         aria-hidden="true"></div>
</div>