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

exports[`should render demo and match snapshot 1`] = `
<div>
  <div class="van-slider">
    <div
      class="van-slider__bar"
      style="width: 50%; left: 0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-slider">
    <div
      class="van-slider__bar"
      style="width: 40%; left: 20%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--left"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="20"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="60"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-slider">
    <div
      class="van-slider__bar"
      style="width: 50%; left: 0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="-50"
        aria-valuenow="0"
        aria-valuemax="50"
        aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-slider van-slider--disabled">
    <div
      class="van-slider__bar"
      style="width: 50%; left: 0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-disabled="true"
        aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-slider">
    <div
      class="van-slider__bar"
      style="width: 50%; left: 0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div
    style="height: 4px;"
    class="van-slider"
  >
    <div
      class="van-slider__bar"
      style="width: 50%; background: rgb(238, 10, 36); left: 0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div class="van-slider__button">
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-slider">
    <div
      class="van-slider__bar"
      style="width: 50%; left: 0%;"
    >
      <div
        role="slider"
        class="van-slider__button-wrapper van-slider__button-wrapper--right"
        tabindex="0"
        aria-valuemin="0"
        aria-valuenow="50"
        aria-valuemax="100"
        aria-orientation="horizontal"
      >
        <div class="custom-button">
          50
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div style="height: 150px; padding-left: 30px;">
    <div class="van-slider van-slider--vertical">
      <div
        class="van-slider__bar"
        style="height: 50%; top: 0%;"
      >
        <div
          role="slider"
          class="van-slider__button-wrapper van-slider__button-wrapper--right"
          tabindex="0"
          aria-valuemin="0"
          aria-valuenow="50"
          aria-valuemax="100"
          aria-orientation="vertical"
        >
          <div class="van-slider__button">
          </div>
        </div>
      </div>
    </div>
    <div
      style="margin-left: 100px;"
      class="van-slider van-slider--vertical"
    >
      <div
        class="van-slider__bar"
        style="height: 40%; top: 20%;"
      >
        <div
          role="slider"
          class="van-slider__button-wrapper van-slider__button-wrapper--left"
          tabindex="0"
          aria-valuemin="0"
          aria-valuenow="20"
          aria-valuemax="100"
          aria-orientation="vertical"
        >
          <div class="van-slider__button">
          </div>
        </div>
        <div
          role="slider"
          class="van-slider__button-wrapper van-slider__button-wrapper--right"
          tabindex="0"
          aria-valuemin="0"
          aria-valuenow="60"
          aria-valuemax="100"
          aria-orientation="vertical"
        >
          <div class="van-slider__button">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;
