{% comment %}
Usage:


{% endcomment %}

<label class="swap swap-rotate">
  <!-- this hidden checkbox controls the state -->
  <input type="radio" name="theme-buttons" class="theme-controller" value="light" />

  <c-icon name='sun' class="swap-on" />
  <!-- moon icon -->
  <c-icon name='moon' class="swap-off" />
</label>