{% load ui_classes ui_props %}

<c-vars keep_open="False" loop="True" surface="+2" elevation="3" width="auto" min_width="auto" padding="auto" class="" />
{% ui_class "ui.menu" "menu" width=width minWidth=min_width padding=padding class=class as menu_class %}
<div data-ui-menu
     x-bind="menu"
     data-state="closed"
     role="menu"
     popover="manual"
     tabindex="-1"
     hidden
     data-keep-open="{{ keep_open }}"
     data-loop="{{ loop }}"
     data-ui-surface="{{ surface }}"
     data-ui-elevation="{{ elevation }}"
     data-width="{{ width }}"
     data-min-width="{{ min_width }}"
     data-padding="{{ padding }}"
     data-class="{{ class }}"
     class="{{ menu_class }}"
     {{ attrs }}>
    {{ slot }}
</div>