{%- macro breadcrumb(content, href, active) -%}
    {%- if active -%}
        {%- do ui.util.augment_attrs(kwargs, {"class": "current", "aria-current": "page"} if active else {}) -%}
    {%- endif %}
    <li>
        {{ ui.link(content, href=href, **kwargs) }}
    </li>
{%- endmacro %}

{%- macro _main_nav_submenu(content, title, href, description) -%}
    {%- set id = ui.util.id(prefix="sub-nav-") -%}
    <div {{ ui.util.attrs(kwargs, {"class": "nsw-main-nav__sub-nav", "id": id, "role": "region", "aria-label": title ~ " Submenu"}) }}>
        <div class="nsw-main-nav__header">
            <button class="nsw-icon-button nsw-icon-button--flex js-close-sub-nav" type="button" aria-expanded="true" aria-controls="{{ id }}">
                {{ ui.icon("keyboard_arrow_left") }}
                <span>Back<span class="sr-only"> to previous menu</span></span>
            </button>
            <button class="nsw-icon-button js-close-nav" type="button" aria-expanded="true">
                {{ ui.icon("close") }}
                <span class="sr-only">Close Menu</span>
            </button>
        </div>

        <div class="nsw-main-nav__title">
            <a href="{{ href }}">
                <span>{{ title }}</span>
                {{ ui.icon("east") }}
            </a>
        </div>

        {%- if description -%}<div class="nsw-main-nav__description">{{ description }}</div>{%- endif %}

        <ul class="nsw-main-nav__sub-list">
            {{ content }}
        </ul>
    </div>
{%- endmacro %}

{%- macro main_nav_item(content, href, active, description, submenu) -%}
    <li {{ 'class="active"' if active }}>
        {%- call ui.util.call(ui.link, href=href, **kwargs) -%}
            <span>{{ content }}</span>
            {{ ui.icon("keyboard_arrow_right") if submenu }}
        {%- endcall %}
        {%- if submenu -%}
            {%- call ui.util.call(_main_nav_submenu, title=content, href=href, description=description) -%}
                {%- for item in submenu -%}
                    {{ ui.main_nav_item(item.title, href=item.href, submenu=item.submenu) }}
                {%- endfor %}
            {%- endcall %}
        {%- endif %}
    </li>
{%- endmacro %}

{%- macro footer_main_nav_item(content, href) -%}
    <li>{{ ui.link(content, href=hred, **kwargs) }}</li>
{%- endmacro %}

{%- macro footer_secondary_nav_item(content, href) -%}
    <li>{{ ui.link(content, href=hred, **kwargs) }}</li>
{%- endmacro %}

{%- macro sidebar_nav_item(content, href, active) -%}
    <li {{ ui.util.attrs(kwargs, {"class": "active" if active else ""}) }}>
        <a href="{{ href }}" {%- if active -%}class="current" aria-current="page"{%- endif %}>{{ content }}</a>
    </li>
{%- endmacro %}

{%- macro account_nav_item(content, href, active, icon) -%}
    <li {{ ui.util.attrs(kwargs) }}>
        {{ ui.link((ui.icon(icon) if icon else "") ~ content, href=href, _extra_class="nsw-link--icon" if icon else "") }}
    </li>
{%- endmacro %}

{%- macro content_nav_item(content, href, active) -%}
    {{ ui.sidebar_nav_item(content, href=href, active=active, **kwargs) }}
{%- endmacro %}

{%- macro pagination(page=1, total=1, url_generator=h.pager_url, padding=2, hide_edges=false, hide_siblings=false, start_label=null, end_label=null, previous_label=ui.icon("chevron-left"), next_label=ui.icon("chevron-right"), padding_label="...", url_params={}) -%}
    {%- if total > 1 %}
        {%- call ui.util.call(ui.pagination_wrapper, **kwargs) -%}
            {{ ui.pagination_item(previous_label, _extra_class=""  if page > 1 else "disabled", href=url_generator(page=page - 1, **url_params)) if not hide_siblings }}
            {%- if page - 1 > padding %}
                {{ ui.pagination_item(start_label or 1, href=url_generator(page=1, **url_params)) if not hide_edges}}
                <li><span>{{ padding_label }}</span></li>
            {%- endif %}

            {%- for i in range([page - padding, 1]|max, [page + padding, total]|min + 1) %}
                {{ ui.pagination_item(i, href=url_generator(page=i, **url_params), active=i == page) }}
            {%- endfor %}

            {%- if total - page > padding %}
                <li><span>{{ padding_label }}</span></li>
                {{ ui.pagination_item(end_label or total, href=url_generator(page=total, **url_params)) if not hide_edges}}
            {%- endif %}

            {{ ui.pagination_item(next_label, _extra_class=""  if page < total else "disabled", href=url_generator(page=page + 1, **url_params)) if not hide_siblings }}
        {%- endcall %}
    {%- endif %}
{%- endmacro %}

{%- macro pagination_item(content, href, active) -%}
    <li><a {{ ui.util.attrs(kwargs, {"class": "nsw-icon-button" ~ (" active" if active else "")}) }} href="{{ href }}">{{ content }}</a></li>
{%- endmacro %}

{%- macro dropdown_item(content, append_divider) -%}
    {%- set class = "nsw-dropdown__item nsw-dropdown__item--" ~ ("link" if kwargs.href else "action") -%}

    <li role="none">
        {{ ui.button(content, **ui.util.augment_attrs(kwargs, {"class": class, "role": "menuitem"})) }}
    </li>
    {%- if append_divider %}
        <li role="separator" class="nsw-dropdown__divider" aria-hidden="true"></li>
    {%- endif -%}
{%- endmacro %}

{%- macro nav_item(content, href, active) -%}
    <li>{{ ui.link(content, href=href, **kwargs) }}</li>
{%- endmacro %}

{%- macro page_action(content, href) -%}
    {{ ui.button(content, href=href, **kwargs) }}
{%- endmacro %}

{%- macro content_action(content, href) -%}
    {{ ui.button(content, href=href, **kwargs) }}
{%- endmacro %}