{# API #}
{%- set props = props | default([]) -%}
{%- set _id = props.id | default(null) -%}
{%- set _isSelected = props.isSelected | default(false) -%}
{%- set _label = props.label | default(null) -%}

{# Class names #}
{%- set _isSelectedClassName = _isSelected ? 'is-selected' : null -%}
{%- set _rootClassName = _spiritClassPrefix ~ 'TabsPane' -%}

{# Attributes #}
{%- set _ariaLabelAttr = _label ? ' aria-labelledby=' ~ _label : null -%}
{%- set _idAttr = _id ? ' id=' ~ _id : null -%}

{# Miscellaneous #}
{%- set _styleProps = useStyleProps(props) -%}
{%- set _classNames = [ _rootClassName, _isSelectedClassName, _styleProps.className ] -%}

<div
    {{ mainProps(props) }}
    {{ styleProp(_styleProps) }}
    {{ classProp(_classNames) }}
    role="tabpanel"
    {{ _ariaLabelAttr }}
    {{ _idAttr }}
>
    {% block content %}{% endblock %}
</div>
