{% if enable_json_schema_validation %}
  {{ validate_data_schema(bolt.data.components['@bolt-components-dropdown'].schema, _self) | raw }}
{% endif %}

{% set collapse = collapse | default(false) %}
{% set _content = block('content') | default(content) %}

<bolt-dropdown
  {{ collapse ? "collapse" : "" }}
  {{ center ? "center" : "" }}
  {% if title %}title='{{ title }}' {% endif %}
  {% if children %}children='{{ children|json_encode() }}' {% endif %}
  >
  {% if items %}
    {% for item in items %}
      {% include "@bolt-components-dropdown/_dropdown-item.twig" with item only %}
    {% endfor %}
  {% endif %}

  {% if _content is not empty %}
    {% include "@bolt-components-dropdown/_dropdown-item.twig" %}
  {% endif %}
</bolt-dropdown>