<div class="drawer">
  <input id="{{ drawer_id }}" type="checkbox" class="drawer-toggle" />
  <div class="drawer-content flex flex-col">
    {% block drawer_content %}
      {% include 'artisan:navbar' with {
        navbar_start: drawer_content[0],
        navbar_center: drawer_content[1],
        navbar_end: drawer_content[2],
      } %}
    {% endblock %}
  </div>
  <div class="drawer-side">
    <label for="{{ drawer_id }}" aria-label="close sidebar" class="drawer-overlay"></label>
    <div class="w-7/12 p-2 min-h-full bg-base-100 text-base-content">
      {% block drawer_sidebar %}
        {{ drawer_sidebar }}
      {% endblock %}
    </div>
  </div>
</div>
