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

exports[`should render demo and match snapshot 1`] = `
<div style="min-height:100vh;">
  <div>
    <!--[-->
    <div class="van-cell">
      <div
        class="van-cell__title"
        style
      >
        <span>
          Please click the button in the upper right corner to switch between dark and light modes.
        </span>
      </div>
    </div>
  </div>
  <div>
    <!--[-->
    <form class="van-form">
      <!--[-->
      <div class="van-cell van-field">
        <div
          class="van-cell__title van-field__label"
          style
        >
          <!--[-->
          <label
            id="van-field-label"
            style
          >
            Rate
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <!--[-->
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <!--[-->
              <div
                role="radiogroup"
                class="van-rate"
                tabindex="0"
                aria-disabled="false"
                aria-readonly="false"
              >
                <!--[-->
                <div
                  role="radio"
                  style
                  class="van-rate__item"
                  tabindex="0"
                  aria-setsize="5"
                  aria-posinset="1"
                  aria-checked="true"
                >
                  <i
                    class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
                    style
                  >
                    <!--[-->
                  </i>
                </div>
                <div
                  role="radio"
                  style
                  class="van-rate__item"
                  tabindex="0"
                  aria-setsize="5"
                  aria-posinset="2"
                  aria-checked="true"
                >
                  <i
                    class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
                    style
                  >
                    <!--[-->
                  </i>
                </div>
                <div
                  role="radio"
                  style
                  class="van-rate__item"
                  tabindex="0"
                  aria-setsize="5"
                  aria-posinset="3"
                  aria-checked="true"
                >
                  <i
                    class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
                    style
                  >
                    <!--[-->
                  </i>
                </div>
                <div
                  role="radio"
                  style
                  class="van-rate__item"
                  tabindex="0"
                  aria-setsize="5"
                  aria-posinset="4"
                  aria-checked="true"
                >
                  <i
                    class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
                    style
                  >
                    <!--[-->
                  </i>
                </div>
                <div
                  role="radio"
                  style
                  class="van-rate__item"
                  tabindex="0"
                  aria-setsize="5"
                  aria-posinset="5"
                  aria-checked="false"
                >
                  <i
                    class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
                    style
                  >
                    <!--[-->
                  </i>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div
          class="van-cell__title van-field__label"
          style
        >
          <!--[-->
          <label
            id="van-field-label"
            style
          >
            Slider
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <!--[-->
          <div class="van-field__body">
            <div class="van-field__control van-field__control--custom">
              <!--[-->
              <div
                style
                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"
                      style
                    >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div style="margin:16px;">
        <button
          type="submit"
          class="van-button van-button--primary van-button--normal van-button--block van-button--round"
          style
        >
          <div class="van-button__content">
            <span class="van-button__text">
              <!--[-->
              Submit
            </span>
          </div>
        </button>
      </div>
    </form>
  </div>
  <div>
    <!--[-->
    <div
      class="van-config-provider"
      style="--van-rate-icon-full-color:#07c160;--van-slider-bar-height:4px;--van-slider-button-width:20px;--van-slider-button-height:20px;--van-slider-active-background:#07c160;--van-button-primary-background:#07c160;--van-button-primary-border-color:#07c160;"
    >
      <!--[-->
      <form class="van-form">
        <!--[-->
        <div class="van-cell van-field">
          <div
            class="van-cell__title van-field__label"
            style
          >
            <!--[-->
            <label
              id="van-field-label"
              style
            >
              Rate
            </label>
          </div>
          <div class="van-cell__value van-field__value">
            <!--[-->
            <div class="van-field__body">
              <div class="van-field__control van-field__control--custom">
                <!--[-->
                <div
                  role="radiogroup"
                  class="van-rate"
                  tabindex="0"
                  aria-disabled="false"
                  aria-readonly="false"
                >
                  <!--[-->
                  <div
                    role="radio"
                    style
                    class="van-rate__item"
                    tabindex="0"
                    aria-setsize="5"
                    aria-posinset="1"
                    aria-checked="true"
                  >
                    <i
                      class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
                      style
                    >
                      <!--[-->
                    </i>
                  </div>
                  <div
                    role="radio"
                    style
                    class="van-rate__item"
                    tabindex="0"
                    aria-setsize="5"
                    aria-posinset="2"
                    aria-checked="true"
                  >
                    <i
                      class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
                      style
                    >
                      <!--[-->
                    </i>
                  </div>
                  <div
                    role="radio"
                    style
                    class="van-rate__item"
                    tabindex="0"
                    aria-setsize="5"
                    aria-posinset="3"
                    aria-checked="true"
                  >
                    <i
                      class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
                      style
                    >
                      <!--[-->
                    </i>
                  </div>
                  <div
                    role="radio"
                    style
                    class="van-rate__item"
                    tabindex="0"
                    aria-setsize="5"
                    aria-posinset="4"
                    aria-checked="true"
                  >
                    <i
                      class="van-badge__wrapper van-icon van-icon-star van-rate__icon van-rate__icon--full"
                      style
                    >
                      <!--[-->
                    </i>
                  </div>
                  <div
                    role="radio"
                    style
                    class="van-rate__item"
                    tabindex="0"
                    aria-setsize="5"
                    aria-posinset="5"
                    aria-checked="false"
                  >
                    <i
                      class="van-badge__wrapper van-icon van-icon-star-o van-rate__icon"
                      style
                    >
                      <!--[-->
                    </i>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="van-cell van-field">
          <div
            class="van-cell__title van-field__label"
            style
          >
            <!--[-->
            <label
              id="van-field-label"
              style
            >
              Slider
            </label>
          </div>
          <div class="van-cell__value van-field__value">
            <!--[-->
            <div class="van-field__body">
              <div class="van-field__control van-field__control--custom">
                <!--[-->
                <div
                  style
                  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"
                        style
                      >
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div style="margin:16px;">
          <button
            type="submit"
            class="van-button van-button--primary van-button--normal van-button--block van-button--round"
            style
          >
            <div class="van-button__content">
              <span class="van-button__text">
                <!--[-->
                Submit
              </span>
            </div>
          </button>
        </div>
      </form>
    </div>
  </div>
</div>
`;
