<div class="breakdance-dropdown breakdance-dropdown--custom{{ content.content.link ? ' breakdance-dropdown--with-link' }}">
    <div class="breakdance-dropdown-toggle">
      {% set attString = 'aria-expanded="false" aria-controls="dropdown-%%ID%%"' %}

      {% if content.content.link %}
        {{ macros.linkStart(content.content.link, 'breakdance-menu-link', attString, false, 'content.content.text') }}
          {{ content.content.text }}
        {{ macros.linkEnd() }}
      {% else %}
        <button class="breakdance-menu-link" type="button" {{ attString }} {{ dataContentEditablePropertyPath('content.content.text') }}>
          {{ content.content.text }}
        </button>
      {% endif %}

      <button class="breakdance-menu-link-arrow" type="button" aria-expanded="false" aria-controls="dropdown-%%ID%%" aria-label="{{ sprintf(esc_attr__('%s Submenu', 'breakdance-elements'), content.content.text) }}"></button>
    </div>

    <div class="breakdance-dropdown-floater" aria-hidden="true" id="dropdown-%%ID%%">
        <div class="breakdance-dropdown-body">
            <div class="breakdance-dropdown-custom-content">
                %%CHILDREN%%
            </div>
        </div>
    </div>
</div>
