{% assign breakpoint = 'lg' %}
<nav class="navbar navbar-vertical navbar-expand-{{ breakpoint }} navbar-dark navbar-primary" id="navbar-primary">
	<div class="container">
		{% include layout/navbar-logo.html class="d-none-navbar-horizontal" %}

		<div class="navbar-collapse collapse">
			<h6 class="navbar-heading">Navigation</h6>
			{% include layout/navbar-menu.html %}

			<div class="navbar-side d-none-navbar-vertical-narrow">
				{% include layout/navbar-search.html %}
				{% include ui/button.html text="Customize" icon="sliders" color="primary" block=true class="d-none-navbar-horizontal" %}
			</div>
		</div>
	</div>
</nav>