{% load ui_classes ui_props %}

<c-vars open="False" disabled="False" orientation="vertical" class="" content_class="" />
{% ui_class "ui.accordion" "content" class=class as content_classes %}
{% ui_class "ui.accordion" "contentInner" class=content_class as content_inner_classes %}
<div data-ui-accordion-content
     data-state="{% if open|ui_bool %}open{% else %}closed{% endif %}"
     data-orientation="{{ orientation }}"
     {% if disabled|ui_bool %}data-disabled{% endif %}
     {% if not open|ui_bool %}hidden{% endif %}
     class="{{ content_classes }}"
     {{ attrs }}>
    <div data-ui-accordion-content-inner class="{{ content_inner_classes }}">{{ slot }}</div>
</div>