{{#let (if (eq @titleSize "xs") "s" "m") as |iconSize|}}
  <span
    class={{class-names
      (if @isHollow "euiStepNumber-isHollow")
      componentName="EuiStepNumber"
      type=@status
    }}
    ...attributes
  >
    {{#if (eq @status "complete")}}
      <EuiIcon class="euiStepNumber__icon" @type="check" @size={{iconSize}} />
    {{else if (eq @status "warning")}}
      <EuiIcon class="euiStepNumber__icon" @type="alert" @size={{iconSize}} />
    {{else if (eq @status "danger")}}
      <EuiIcon class="euiStepNumber__icon" @type="cross" @size={{iconSize}} />
    {{else if (eq @status "loading")}}
      <EuiLoadingSpinner class="euiStepNumber__loader" @size={{if (eq iconSize "s") "l" "xl"}} />
    {{else}}
      <span class="euiStepNumber__number" aria-hidden="true">
        {{@number}}
      </span>
    {{/if}}
  </span>
{{/let}}