<li
  class={{class-names
    (if (or @href @onClick) "euiListGroupItem-isClickable")
    (if @isActive "euiListGroupItem-isActive")
    (if @isDisabled "euiListGroupItem-isDisabled")
    (if @wrapText "euiListGroupItem-wrapText")
    componentName="EuiListGroupItem"
    size=(arg-or-default @size "m")
    color=(arg-or-default @color "inherit")
  }}
>
  {{#if (and @href (not @isDisabled))}}
    <a
      class="euiListGroupItem__button"
      href={{@href}}
      target={{@target}}
      {{on "click" (optional @onClick)}}
      ...attributes
    >
      {{#if @iconType}}
        <EuiIcon class="euiListGroupItem__icon" @type={{@iconType}} />
      {{/if}}
      <span class="euiListGroupItem__label">
        {{#if (has-block)}}
          {{yield}}
        {{else}}
          {{@label}}
        {{/if}}
      </span>
    </a>
  {{else if (or @onClick (and @href @isDisabled))}}
    <button
      class="euiListGroupItem__button"
      type="button"
      disabled={{eq @isDisabled true}}
      {{on "click" (optional @onClick)}}
      ...attributes
    >
      {{#if @iconType}}
        <EuiIcon class="euiListGroupItem__icon" @type={{@iconType}} />
      {{/if}}
      <span class="euiListGroupItem__label">
        {{#if (has-block)}}
          {{yield}}
        {{else}}
          {{@label}}
        {{/if}}
      </span>
    </button>
  {{else}}
    <span class="euiListGroupItem__text" ...attributes>
      {{#if @iconType}}
        <EuiIcon class="euiListGroupItem__icon" @type={{@iconType}} />
      {{/if}}
      <span class="euiListGroupItem__label">
        {{#if (has-block)}}
          {{yield}}
        {{else}}
          {{@label}}
        {{/if}}
      </span>
    </span>
  {{/if}}
  {{#if @extraAction}}
    {{component @extraAction}}
  {{/if}}
</li>