{% set separator = _args.separator|default(null) %}
{% set aria = _args.aria|default(null) %}
{% set icon = _args.icon|default(null) %}
{% set indicator = _args.indicator|default(null) %}
{% set items = _args.items|default([]) %}
{% set variant = _args.variant|default(null) %}
{% set mobile = _args.mobile|default(false) %}
{% set caret = _args.caret|default(false) %}
<div class=
"hc-dropdown
{% if separator %}
hc-dropdown--with-separator
hc-dropdown--with-separator--{{ separator }}
{% endif %}
">
<div class="hc-dropdown-toggle">
{% block toggle %}
{% embed 'hc/button.html.twig' with {
button: 'button',
icon: icon,
dropdown: {
caret: caret,
},
} %}
{% endembed %}
{% endblock %}
{% block content %}
{% embed 'hc/dropdown-menu.html.twig' with {
variant: variant,
items: items,
mobile: mobile,
} %}
{% endembed %}
{% endblock %}
</div>
</div>