{#
/**
 * @file
 * Theme override to display a region.
 *
 * Available variables:
 * - content: The content for this region, typically blocks.
 * - attributes: HTML attributes for the region <div>.
 * - region: The name of the region variable as defined in the theme's
 *   .info.yml file.
 *
 * @see template_preprocess_region()
 */
#}
{%
  set classes = [
  'offcanvas',
  'region',
  'region-' ~ region|clean_class,
  navigation_position ? 'offcanvas-' ~ navigation_position,
  'ps-md-3'
]
%}

{% set container = region_container|clean_class %}

{% if content %}
  <section{{ attributes.addClass(classes) }} data-bs-scroll="{{ navigation_body_scrolling }}" data-bs-backdrop="{{ navigation_backdrop }}" tabindex="-1" id="navigationRegion" aria-labelledby="navigationRegionLabel">
    <div class="offcanvas-header">
      <a href="{{ path('<front>') }}" rel="home" class="site-logo">
      {% if inline_logo %}
        {{ source(site_logo, ignore_missing = true) }}
      {% else %}
        <img src="{{ site_logo }}" alt="{{ 'Home'|t }}" />
      {% endif %}
      </a>
      <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body">
      {% block content %}
        {{ content }}
      {% endblock %}
    </div>
  </section>
{% endif %}
