{% load ui_classes %}

<c-vars label="Search actions" placeholder="Search actions..." class="" />
{% ui_class "ui.menu" "search" class=class as search_class %}
{% ui_class "ui.menu" "searchEmpty" as empty_class %}
<div data-ui-menu-search class="{{ search_class }}">
    <c-ui.input.impl icon="search"
                     size="md"
                     variant="plain"
                     placeholder="{{ placeholder }}"
                     aria-label="{{ label }}"
                     autocomplete="off"
                     :attrs="attrs" />
    <div data-ui-menu-search-empty role="status" class="{{ empty_class }}" hidden>No actions found.</div>
</div>