<?php $instance = \Hecate\Components\ComponentsRepository::getActiveComponent(); ?>

<div class="text-right">
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="<?php echo esc_attr($instance->getRootClasses()); ?>">
    <div id="navbarSupportedContent" class="collapse navbar-collapse ">


        <?php

        wp_nav_menu(
            array(
                'theme_location' => 'primary_menu',
                'depth' => 2,
                'container' => 'div',
                'container_class' => 'w-100',
                'container_id' => 'hecate-menu-container',
                'menu_class' => 'navbar-nav mr-auto justify-content-end',
                'menu-id' => 'hecate-menu',
                'fallback_cb' => 'wp_bootstrap_navwalker::fallback',
                'walker' => new wp_bootstrap_navwalker(),
            )
        );
        ?>
    </div>
  </div>
</div>