{% load ui_classes %}
<c-vars target="" class="" />
{% ui_class "ui.chrome" "iconRelative" as icon_class %}
{% ui_class "ui.chrome" "iconState" as state_icon_class %}
<span {{ attrs }}
      class="{{ icon_class }} {{ class }}"
      data-ui-sidebar-state-icon
      data-target="{{ target }}"
      data-state="closed">
    <c-component is="icons.side_panel__open"
                 class="{{ state_icon_class }}"
                 data-ui-sidebar-state-icon-when="closed"
                 aria-hidden="true" />
    <c-component is="icons.side_panel__close"
                 class="{{ state_icon_class }}"
                 data-ui-sidebar-state-icon-when="open"
                 aria-hidden="true" />
</span>