<figure
  class={{class-names
    (unless (eq @hasShadow false) "euiImage--hasShadow")
    componentName="EuiImage"
    size=@size
  }}
  ...attributes
>
  {{#if @allowFullScreen}}
    <button
      class="euiImage__button"
      type="button"
      aria-label={{@ariaLabel}}
      data-test-subj={{@dataTestSubj}}
      {{on "click" this.toggleFullscreen}}
    >
      <img
        src={{@url}}
        class="euiImage__img"
        style={{this.sizeStyle}}
        alt={{@alt}}
      />
      <EuiIcon
        class="euiImage__icon"
        @type="fullScreen"
        @color={{if (not (eq @fullScreenIconColor "dark")) "ghost"}}
      />
    </button>
  {{else}}
    <img
      src={{@url}}
      class="euiImage__img"
      style={{this.sizeStyle}}
      alt={{@alt}}
    />
  {{/if}}
  {{#if @caption}}
    <figcaption class="euiImage__caption">
      {{@caption}}
    </figcaption>
  {{/if}}
</figure>
{{#if this.isFullscreen}}
  <EuiOverlayMask
    @headerZindexLocation="above"
    @onClick={{this.toggleFullscreen}}
  >
    <figure class="euiImage euiImage-isFullScreen">
      <button
        class="euiImage__button"
        type="button"
        {{on "click" this.toggleFullscreen}}
      >
        <img class="euiImage-isFullScreen__img" src={{@url}} alt={{@alt}} />
      </button>
      <figcaption class="euiImage__caption">
        {{@caption}}
      </figcaption>
    </figure>
    <EuiIcon
      class="euiImage-isFullScreenCloseIcon"
      @type="cross"
      @color={{if (not (eq @fullScreenIconColor "dark")) "ghost"}}
    />
  </EuiOverlayMask>
{{/if}}