{#
    Tag component - reusable clickable pill (filter, category select, etc.)

    Params:
    - label (string, required): text displayed inside the tag
    - active (bool, default false): adds .is-active state (e.g. current filter)
    - attrs (string, default ''): raw HTML attributes appended to the button
      (e.g. `data-filter-tag="slug"` or `data-filter-reset="true"`)
    - class (string, default ''): extra BEM modifier classes appended (e.g. "tag--all")
    - disabled (bool, default false): non-interactive display, drops pointer cursor on hover
#}
<button type="button"
        class="tag {{ active|default(false) ? 'is-active' }} {{ disabled|default(false) ? 'is-disabled' }} {{ class|default('') }}"
        {{ attrs|default('')|raw }}>
    {{ label }}
</button>