{% load ui_classes ui_props %}

<c-vars sticky="True" surface="inherit" elevation="none" divider="True" class="" />
{% ui_class "ui.app" "header" sticky=sticky divider=divider class=class as header_class %}
<header data-ui-app-header
        {% if sticky|ui_bool %}data-sticky{% endif %}
        data-ui-surface="{{ surface }}"
        data-ui-elevation="{{ elevation }}"
        {% if divider|ui_bool %}data-divider{% endif %}
        class="{{ header_class }}"
        {{ attrs }}>
    {{ slot }}
</header>