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

exports[`components/onboardingTour/addComments/AddPropertiesTourStep after hover 1`] = `
<div
  class="tippy-box tutorial-tour-tip__box AddPropertiesTourStep"
  data-animation="scale-subtle"
  data-escaped=""
  data-placement="right-end"
  data-reference-hidden=""
  data-state="hidden"
  role="tooltip"
  style="max-width: 320px; transition-duration: 0ms;"
  tabindex="-1"
>
  <div
    class="tippy-content"
    data-state="hidden"
    style="transition-duration: 0ms;"
  >
    <div>
      <div>
        <div
          class="tutorial-tour-tip__header"
        >
          <h4
            class="tutorial-tour-tip__header__title"
          >
            Add properties
          </h4>
          <button
            class="IconButton tutorial-tour-tip__header__close size--small"
            type="button"
          >
            <i
              class="CompassIcon icon-close CloseIcon"
            />
          </button>
        </div>
        <div
          class="tutorial-tour-tip__body"
        >
          Add various properties to cards to make them more powerful!
        </div>
        <div
          class="tutorial-tour-tip__image"
        >
          <img
            alt="tutorial tour tip product image"
            src="test-file-stub"
          />
        </div>
        <div
          class="tutorial-tour-tip__footer"
        >
          <div
            class="tutorial-tour-tip__footer-buttons"
          >
            <div
              class="tutorial-tour-tip__circles-ctr"
            >
              <div
                class="tutorial-tour-tip__circular-ring tutorial-tour-tip__circular-ring-active"
              >
                <a
                  class="tutorial-tour-tip__circle active"
                  data-screen="0"
                  href="#"
                />
              </div>
              <div
                class="tutorial-tour-tip__circular-ring"
              >
                <a
                  class="tutorial-tour-tip__circle"
                  data-screen="1"
                  href="#"
                />
              </div>
              <div
                class="tutorial-tour-tip__circular-ring"
              >
                <a
                  class="tutorial-tour-tip__circle"
                  data-screen="2"
                  href="#"
                />
              </div>
            </div>
            <div
              class="tutorial-tour-tip__btn-ctr"
            >
              <button
                class="Button filled size--small tipNextButton"
                type="button"
              >
                <span>
                  Next
                </span>
                <i
                  class="CompassIcon icon-chevron-right icon"
                />
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="tippy-arrow"
    style="position: absolute; top: 0px; transform: translate(0px, 3px);"
  />
</div>
`;

exports[`components/onboardingTour/addComments/AddPropertiesTourStep before hover 1`] = `
<div>
  <div
    aria-expanded="true"
    class="tutorial-tour-tip__pulsating-dot-ctr AddPropertiesTourStep"
  >
    <span
      class="pulsating_dot"
    />
  </div>
</div>
`;
