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

exports[`should render demo and match snapshot 1`] = `
<div>
  <div class="van-swipe">
    <div
      style="transition-duration: 0ms; transform: translateX(0px); width: 400px;"
      class="van-swipe__track"
    >
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        1
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        2
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        3
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        4
      </div>
    </div>
    <div class="van-swipe__indicators">
      <i
        style="background-color: white;"
        class="van-swipe__indicator van-swipe__indicator--active"
      >
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div class="van-swipe">
    <div
      style="transition-duration: 0ms; transform: translateX(0px); width: 400px;"
      class="van-swipe__track"
    >
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        <img src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg">
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        <img src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg">
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        <img src="https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg">
      </div>
    </div>
    <div class="van-swipe__indicators">
      <i class="van-swipe__indicator van-swipe__indicator--active">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div class="van-swipe">
    <div
      style="transition-duration: 0ms; transform: translateX(0px); width: 400px;"
      class="van-swipe__track"
    >
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        1
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        2
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        3
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        4
      </div>
    </div>
    <div class="van-swipe__indicators">
      <i
        style="background-color: white;"
        class="van-swipe__indicator van-swipe__indicator--active"
      >
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div
    class="van-swipe demo-swipe--vertical"
    style="height: 200px;"
  >
    <div
      style="transition-duration: 0ms; transform: translateY(0px); height: 800px;"
      class="van-swipe__track van-swipe__track--vertical"
    >
      <div
        class="van-swipe-item"
        style="height: 200px;"
      >
        1
      </div>
      <div
        class="van-swipe-item"
        style="height: 200px;"
      >
        2
      </div>
      <div
        class="van-swipe-item"
        style="height: 200px;"
      >
        3
      </div>
      <div
        class="van-swipe-item"
        style="height: 200px;"
      >
        4
      </div>
    </div>
    <div class="van-swipe__indicators van-swipe__indicators--vertical">
      <i
        style="background-color: white;"
        class="van-swipe__indicator van-swipe__indicator--active"
      >
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div class="van-swipe">
    <div
      style="transition-duration: 0ms; transform: translateX(0px); width: 1200px;"
      class="van-swipe__track"
    >
      <div
        class="van-swipe-item"
        style="width: 300px;"
      >
        1
      </div>
      <div
        class="van-swipe-item"
        style="width: 300px;"
      >
        2
      </div>
      <div
        class="van-swipe-item"
        style="width: 300px;"
      >
        3
      </div>
      <div
        class="van-swipe-item"
        style="width: 300px;"
      >
        4
      </div>
    </div>
    <div class="van-swipe__indicators">
      <i
        style="background-color: white;"
        class="van-swipe__indicator van-swipe__indicator--active"
      >
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
      <i class="van-swipe__indicator">
      </i>
    </div>
  </div>
</div>
<div>
  <div class="van-swipe">
    <div
      style="transition-duration: 0ms; transform: translateX(0px); width: 400px;"
      class="van-swipe__track"
    >
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        1
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        2
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        3
      </div>
      <div
        class="van-swipe-item"
        style="width: 100px;"
      >
        4
      </div>
    </div>
    <div class="custom-indicator">
      1/4
    </div>
  </div>
</div>
`;
