// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`OuiStepsHorizontal is rendered 1`] = `
<ol
  aria-label="aria-label"
  class="ouiStepsHorizontal testClass1 testClass2"
  data-test-subj="test subject string"
>
  <li
    class="ouiStepHorizontal__item"
  >
    <button
      class="ouiStepHorizontal ouiStepHorizontal-isComplete"
      title="Step 1: Completed Step 1 is complete"
    >
      <span
        class="ouiStepNumber ouiStepNumber--complete ouiStepHorizontal__number"
      >
        <span
          aria-label="Step 1 is complete"
          class="ouiStepNumber__icon"
          data-ouiicon-type="check"
        />
      </span>
      <span
        class="ouiStepHorizontal__title"
      >
        Completed Step 1
      </span>
    </button>
  </li>
  <li
    aria-current="step"
    class="ouiStepHorizontal__item"
  >
    <button
      class="ouiStepHorizontal ouiStepHorizontal-isSelected"
      title="Step 2: Selected Step 2"
    >
      <span
        class="ouiStepNumber ouiStepHorizontal__number"
      >
        <span
          class="ouiScreenReaderOnly"
        >
          Step 2
        </span>
        <span
          aria-hidden="true"
          class="ouiStepNumber__number"
        >
          2
        </span>
      </span>
      <span
        class="ouiStepHorizontal__title"
      >
        Selected Step 2
      </span>
    </button>
  </li>
  <li
    class="ouiStepHorizontal__item"
  >
    <button
      class="ouiStepHorizontal ouiStepHorizontal-isIncomplete"
      title="Step 3: Incomplete Step 3 is incomplete"
    >
      <span
        class="ouiStepNumber ouiStepNumber--incomplete ouiStepHorizontal__number"
      >
        <span
          class="ouiScreenReaderOnly"
        >
          Step 3 is incomplete
        </span>
        <span
          aria-hidden="true"
          class="ouiStepNumber__number"
        >
          3
        </span>
      </span>
      <span
        class="ouiStepHorizontal__title"
      >
        Incomplete Step 3
      </span>
    </button>
  </li>
  <li
    class="ouiStepHorizontal__item"
  >
    <button
      class="ouiStepHorizontal ouiStepHorizontal-isIncomplete ouiStepHorizontal-isDisabled"
      disabled=""
      title="Step 4: Disabled Step 4 is disabled"
    >
      <span
        class="ouiStepNumber ouiStepNumber--disabled ouiStepHorizontal__number"
      >
        <span
          class="ouiScreenReaderOnly"
        >
          Step 4 is disabled
        </span>
        <span
          aria-hidden="true"
          class="ouiStepNumber__number"
        >
          4
        </span>
      </span>
      <span
        class="ouiStepHorizontal__title"
      >
        Disabled Step 4
      </span>
    </button>
  </li>
</ol>
`;