<div id="system-outage-may27-005" class="c-website-alert c-website-alert--{{type}} js-c-website-alert" aria-live="polite">
  {{#ifCond type "==" "cookies"}}
    <div class="c-website-alert--cookies__grid">
  {{/ifCond}}

  {{#if icon}}
    <div class="c-website-alert__icon">
      <svg role="img" pointer-events="none" focusable="false" aria-hidden="true">
        <use xlink:href="{{generatedSvgSpritePath}}#{{icon}}"></use>
      </svg>
    </div>
  {{/if}}

  <div class="c-website-alert__content">
    {{#if alertText}}
      {{{alertText}}}
      {{else}}
      <p>Lorem ipsum dolor sit amet,  agam eripuit intellegat, nec et deleniti comprehensam <a href="#">aliquid commune eos te</a>. Et vim agam eripuit intellegat, nec et deleniti comprehensam.</p>
    {{/if}}
    {{#if buttonText}}
      <br />{{> button anchorButton=true buttonModifierClasses="c-button--grey-secondary c-button--no-border" buttonText=buttonText }}
    {{/if}}
  </div>
  <button class="c-button c-button--icon-only c-button--small c-button--no-border c-button--transparent-darken c-website-alert__dismiss-btn js-c-website-alert__dismiss-btn" aria-label="Dismiss alert" aria-controls="system-outage-may27-005">
    <svg role="img" pointer-events="none" focusable="false" aria-hidden="true">
       <use xlink:href="{{generatedSvgSpritePath}}#close-x"></use>
    </svg>
  </button>

  {{#ifCond type "==" "cookies"}}
    </div>
  {{/ifCond}}
</div>
