// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html

exports[`should render demo and match snapshot 1`] = `
<div>
  <div
    class="van-barrage"
    style="--move-distance: -100px;"
  >
    <div class="video">
    </div>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
      data-id="100"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
      data-id="101"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
      data-id="102"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; top: 310px;"
      data-id="103"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
      data-id="104"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
      data-id="105"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
      data-id="106"
    >
    </span>
  </div>
  <div
    class="van-space van-space--horizontal van-space--align-center"
    style="margin-top: 10px;"
  >
    <div class="van-space-item">
      <button
        type="button"
        class="van-button van-button--primary van-button--small"
      >
        <div class="van-button__content">
          <span class="van-button__text">
            barrage
          </span>
        </div>
      </button>
    </div>
  </div>
</div>
<div>
  <div
    class="van-barrage"
    style="--move-distance: -100px;"
  >
    <div class="video">
    </div>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
      data-id="100"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
      data-id="101"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
      data-id="102"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 310px;"
      data-id="103"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
      data-id="104"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
      data-id="105"
    >
    </span>
    <span
      class="van-barrage__item"
      style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
      data-id="106"
    >
    </span>
  </div>
  <div
    class="van-space van-space--horizontal van-space--align-center"
    style="margin-top: 10px;"
  >
    <div
      class="van-space-item"
      style="margin-right: 8px;"
    >
      <button
        type="button"
        class="van-button van-button--primary van-button--small van-button--disabled"
        disabled
      >
        <div class="van-button__content">
          <span class="van-button__text">
            barrage
          </span>
        </div>
      </button>
    </div>
    <div class="van-space-item">
      <button
        type="button"
        class="van-button van-button--default van-button--small"
      >
        <div class="van-button__content">
          <span class="van-button__text">
            play
          </span>
        </div>
      </button>
    </div>
  </div>
</div>
`;
