{%- macro accordion_wrapper(content, id) -%}
    <div {{ ui.util.attrs(kwargs) }} class="accordion" {% if id -%}id="{{ id }}"{%- endif %}>{{ content }}</div>
{%- endmacro %}

{%- macro account_nav_wrapper(content) -%}{{ ui.nav_wrapper(content, **kwargs) }}{%- endmacro %}

{%- macro breadcrumb_wrapper(content) -%}
    <ol {{ ui.util.attrs(kwargs) }} class="breadcrumb">
        {{ content }}
    </ol>
{%- endmacro %}

{%- macro content_action_wrapper(content) -%}
    <div {{ ui.util.attrs(kwargs) }} class="content_action gap-1 mb-md-3">
        {{- content -}}
    </div>
{%- endmacro %}

{%- macro content_nav_wrapper(content) -%}
    <ul {{ ui.util.attrs(kwargs) }} class="nav nav-pills">
        {{ content }}
    </ul>
{%- endmacro %}

{%- macro main_nav_wrapper(content) -%}
    <ul {{ ui.util.attrs(kwargs) }} class="navbar-nav mb-2 mb-lg-0 col-md-10">
        {{ content }}
    </ul>
{%- endmacro %}

{%- macro nav_wrapper(content) -%}
    {{ ui.list(content, **kwargs) }}
{%- endmacro %}

{%- macro page_action_wrapper(content, variant) -%}
    {%- set classes = "mb-3 mb-md-0 ms-3 pull-right" -%}
    {%- if variant == "dashboard" -%}
        {%- set classes = " col-md-4" -%}
    {%- endif %}

    <div {{ ui.util.attrs(kwargs) }} class="page_primary_action {{ classes }}">
        {{- content -}}
    </div>
{%- endmacro %}

{%- macro tab_wrapper(content) -%}
    <nav {{ ui.util.attrs(kwargs) }} class="tabs" role="tablist">{{ content }}</nav>
{%- endmacro %}



{%- macro sidebar_nav_wrapper(content) -%}
    <ul {{ ui.util.attrs(kwargs) }} class="nav nav-options">
        {{ content }}
    </ul>
{%- endmacro %}

{%- macro pagination_wrapper(content) -%}
    <div {{ ui.util.attrs(kwargs) }} class="pagination-wrapper">
        <ul class="pagination justify-content-center">
            {{- content -}}
        </ul>
    </div>
{%- endmacro %}