{% load lb_tags lbr_tags %}
<c-vars as="button" btnStyle="" />
{% parse_icon attrs as i %}
{% lbr_props "button" attrs=attrs btnStyle=btnStyle as rx %}

<{{ as }}
    class="{% if btnStyle != 'bare' %}{{ rx.classes }}{% endif %}"
    {{ rx.attrs }}
>
    {% if i.name and not i.end %}
        <c-component is="lbi" n="{{ i.name }}" w="1em" h="1em" :fill=i.fill class="{{ i.css_class }}" />
    {% endif %}
    {{ slot }}
    {% if i.name and i.end %}
        <c-component is="lbi" n="{{ i.name }}" w="1em" h="1em" :fill=i.fill class="{{ i.css_class }}" />
    {% endif %}
</{{ as }}>