{% props pressed: bool = false, variant: String = "", size: String = "", label: String = "", name: String = "", value: String = "", disabled: bool = false, inner_block: Slot %}
{#- label: the aria-label for an icon-only toggle, the same in both states. name and value make it a submit button that posts the new value, for use without JS. #}
<button class="ui-toggle"{% if !variant.is_empty() %} data-variant="{{ variant }}"{% end %}{% if !size.is_empty() %} data-size="{{ size }}"{% end %}{% if name.is_empty() %} type="button"{% else %} name="{{ name }}" value="{{ value }}"{% end %} aria-pressed="{% if pressed %}true{% else %}false{% end %}"{% if !label.is_empty() %} aria-label="{{ label }}"{% end %}{% if disabled %} disabled{% end %}>{{ inner_block }}</button>