{% macro component(sidebarOptions='', drawerOptions='', prefix='', public_path=public_path, slug='', dark_mode) %}
<div class="mdk-drawer js-mdk-drawer" data-align="end" id="messages-drawer">
  <div class="mdk-drawer__content {{ drawerOptions }}">
    <div class="sidebar sidebar-right {% if dark_mode %}sidebar-black-dodger-blue{% else %}sidebar-light bg-white{% endif %} {{ sidebarOptions }} o-hidden">
      <div class="d-flex flex-column h-100">
        {% include 'layouts/_sidebar.messages.html' %}
      </div>
    </div>
  </div>
</div>
{% endmacro %}