{{#if hasDismiss}}
  <div class="Polaris-Banner__Dismiss">
    {{polaris-button
      icon="cancel-small"
      accessibilityLabel="Dismiss notification"
      plain=true
      onClick=(action onDismiss)
    }}
  </div>
{{/if}}

<div class="Polaris-Banner__Ribbon">
  {{polaris-icon
    backdrop=true
    source=iconName
    color=iconColor
  }}
</div>

<div>
  {{#if title}}
    <div class="Polaris-Banner__Heading" id={{headingId}}>
      {{polaris-heading tagName="p" text=title}}
    </div>
  {{/if}}

  {{#if (or hasBlock text action)}}
    <div class="Polaris-Banner__Content" id={{contentId}}>
      {{#if hasBlock}}
        {{yield}}
      {{else}}
        {{text}}
      {{/if}}

      {{#if action}}
        <div class="Polaris-Banner__Actions">
          {{#polaris-button-group}}
            {{polaris-button
              outline=true
              text=action.text
              disabled=action.disabled
              loading=action.loading
              onClick=(action "triggerAction" action)
            }}

            {{#if secondaryAction}}
              <button class="Polaris-Banner__SecondaryAction" onclick={{action "triggerAction" secondaryAction}}>
                <span class="Polaris-Banner__Text">{{secondaryAction.text}}</span>
              </button>
            {{/if}}
          {{/polaris-button-group}}
        </div>
      {{/if}}
    </div>
  {{/if}}
</div>