{% load ui_assets ui_classes %}
{% ui_require_asset "trellis:keybinding" %}

<c-vars keys="" class="" />
{% ui_class "ui.keybinding" "root" class=class as root_class %}
<span data-ui-keybinding
      data-ui-keybinding-keys="{{ keys }}"
      aria-hidden="true"
      class="{{ root_class }}"
      {% if "x-ui-keybinding" not in attrs %}x-ui-keybinding="$el.dataset.uiKeybindingKeys"{% endif %}
      {{ attrs }}></span>