{% load ui_classes ui_props %}

<c-vars variant="line"
        size="md"
        orientation="inherit"
        label=""
        :scrollable="False"
        selected_icon=""
        class="" />
{% if orientation == "inherit" %}
    {% ui_class "ui.tabs" "list" variant=variant size=size orientation="horizontal" scrollable=scrollable|ui_bool class=class as list_class %}
{% else %}
    {% ui_class "ui.tabs" "list" variant=variant size=size orientation=orientation scrollable=scrollable|ui_bool class=class as list_class %}
{% endif %}
<div data-ui-tabs-list
     role="tablist"
     data-variant="{{ variant }}"
     data-size="{{ size }}"
     data-orientation="{{ orientation }}"
     data-selected-icon="{{ selected_icon }}"
     {% if scrollable|ui_bool %}data-scrollable{% endif %}
     {% if label %}aria-label="{{ label }}"{% endif %}
     {% if orientation == "vertical" %}aria-orientation="vertical"{% endif %}
     data-class="{{ class }}"
     class="{{ list_class }}"
     {{ attrs }}>
    {{ slot }}
</div>