{{ attach_library('themekit/component--search') }}

{% block search %}
  <div class="search-wrapper">
    <button class="search-popup-toggle" aria-label="{{ 'Show search popup'|t }}" aria-expanded="false">{{ 'Show search popup'|t }}</button>
    <div class="search-popup">
      <div class="search-popup-wrapper">
        <h1 class="search-title">{{ 'Search'|t }}</h1>
        {{ content }}
        <button class="close-popup" aria-label="{{ 'Close search popup'|t }}">{{ 'Close search'|t }}</button>
      </div>
    </div>
  </div>
{% endblock %}
