{% set classes = [
  'header',
]|merge(extra_classes ?: []) %}

{% block top %}
  {% if top %}
    {% embed 'artisan:header-top' with {
      header_top_container_extra_classes: ['flex', 'justify-between', 'items-center'],
      content: top,
    } only %}
    {% endembed %}
  {% endif %}
{% endblock %}

<header {{ attributes.addClass(classes) }}>
  {% block content %}
    {% include 'artisan:drawer' with {
      drawer_id: 'header-drawer',
      drawer_content: [content.navigation_start, content.navigation_center, content.navigation_end],
      drawer_sidebar: [content.navigation_start, content.navigation_center],
    } only %}
  {% endblock %}
</header>
