{% load ui_classes %}

<c-vars as="div" padding="0" padding_x="0" padding_y="0" gap="0" gap_x="0" gap_y="0" margin="0" margin_x="0" margin_y="0" layout="block" align="stretch" justify="start" class="" />
{% ui_class "ui.frame" "header" padding=padding paddingX=padding_x paddingY=padding_y gap=gap gapX=gap_x gapY=gap_y margin=margin marginX=margin_x marginY=margin_y layout=layout align=align justify=justify class=class as header_class %}
<{{ as }} data-ui-frame-header
data-padding="{{ padding }}"
data-padding-x="{{ padding_x }}"
data-padding-y="{{ padding_y }}"
data-gap="{{ gap }}"
data-gap-x="{{ gap_x }}"
data-gap-y="{{ gap_y }}"
data-margin="{{ margin }}"
data-margin-x="{{ margin_x }}"
data-margin-y="{{ margin_y }}"
data-layout="{{ layout }}"
data-align="{{ align }}"
data-justify="{{ justify }}"
class="{{ header_class }}"
{{ attrs }}>
{{ slot }}
</{{ as }}>