{% load ui_classes %}
<c-vars class="" />
{% ui_class "ui.chrome" "iconInline" as icon_class %}
{% ui_class "ui.chrome" "iconThemeLight" as light_icon_class %}
{% ui_class "ui.chrome" "iconThemeDark" as dark_icon_class %}
<span {{ attrs }}
      class="{{ icon_class }} {{ class }}">
    <c-component is="icons.moon"
                 class="{{ light_icon_class }}"
                 aria-hidden="true" />
    <c-component is="icons.sun"
                 class="{{ dark_icon_class }}"
                 aria-hidden="true" />
</span>