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

exports[`should render demo and match snapshot 1`] = `
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button
        type="button"
        class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button
        type="button"
        class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div
      class="van-picker__columns"
      style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Delaware
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Florida
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Wenzhou
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Indiana
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Maine
            </div>
          </li>
        </ul>
      </div>
      <div
        class="van-picker__mask"
        style="background-size: 100% 110px;"
      >
      </div>
      <div
        class="van-hairline-unset--top-bottom van-picker__frame"
        style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div
    class="van-cell van-cell--clickable van-field"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title van-field__label">
      <label
        id="van-field-label"
        for="van-field-input"
      >
        City
      </label>
    </div>
    <div class="van-cell__value van-field__value">
      <div class="van-field__body">
        <input
          type="text"
          id="van-field-input"
          class="van-field__control"
          readonly
          placeholder="Choose City"
          aria-labelledby="van-field-label"
        >
      </div>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <transition-stub
    name="van-fade"
    appear="true"
    persisted="false"
    css="true"
    role="button"
    tabindex="0"
  >
  </transition-stub>
  <transition-stub
    name="van-popup-slide-bottom"
    appear="false"
    persisted="false"
    css="true"
  >
  </transition-stub>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button
        type="button"
        class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button
        type="button"
        class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div
      class="van-picker__columns"
      style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 22px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Delaware
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Florida
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Wenzhou
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Indiana
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Maine
            </div>
          </li>
        </ul>
      </div>
      <div
        class="van-picker__mask"
        style="background-size: 100% 110px;"
      >
      </div>
      <div
        class="van-hairline-unset--top-bottom van-picker__frame"
        style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button
        type="button"
        class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button
        type="button"
        class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div
      class="van-picker__columns"
      style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Monday
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Tuesday
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Wednesday
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Thursday
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Friday
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Morning
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Afternoon
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Evening
            </div>
          </li>
        </ul>
      </div>
      <div
        class="van-picker__mask"
        style="background-size: 100% 110px;"
      >
      </div>
      <div
        class="van-hairline-unset--top-bottom van-picker__frame"
        style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button
        type="button"
        class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button
        type="button"
        class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div
      class="van-picker__columns"
      style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Zhejiang
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Fujian
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Hangzhou
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Wenzhou
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Xihu
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Yuhang
            </div>
          </li>
        </ul>
      </div>
      <div
        class="van-picker__mask"
        style="background-size: 100% 110px;"
      >
      </div>
      <div
        class="van-hairline-unset--top-bottom van-picker__frame"
        style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button
        type="button"
        class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button
        type="button"
        class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div
      class="van-picker__columns"
      style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 66px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="-1"
            class="van-picker-column__item van-picker-column__item--disabled"
          >
            <div class="van-ellipsis">
              Delaware
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Florida
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Wenzhou
            </div>
          </li>
        </ul>
      </div>
      <div
        class="van-picker__mask"
        style="background-size: 100% 110px;"
      >
      </div>
      <div
        class="van-hairline-unset--top-bottom van-picker__frame"
        style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button
        type="button"
        class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button
        type="button"
        class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div
      class="van-loading van-loading--circular van-picker__loading"
      aria-live="polite"
      aria-busy="true"
    >
      <span class="van-loading__spinner van-loading__spinner--circular">
        <svg
          class="van-loading__circular"
          viewbox="25 25 50 50"
        >
          <circle
            cx="50"
            cy="50"
            r="20"
            fill="none"
          >
          </circle>
        </svg>
      </span>
    </div>
    <div
      class="van-picker__columns"
      style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
        </ul>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-picker">
    <div class="van-picker__toolbar">
      <button
        type="button"
        class="van-picker__cancel van-haptics-feedback"
      >
        Cancel
      </button>
      <div class="van-picker__title van-ellipsis">
        Title
      </div>
      <button
        type="button"
        class="van-picker__confirm van-haptics-feedback"
      >
        Confirm
      </button>
    </div>
    <div
      class="van-picker__columns"
      style="height: 264px;"
    >
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Zhejiang
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Fujian
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Hangzhou
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Wenzhou
            </div>
          </li>
        </ul>
      </div>
      <div class="van-picker-column">
        <ul
          style="transform: translate3d(0, 110px, 0); transition-duration: 0ms; transition-property: none;"
          class="van-picker-column__wrapper"
        >
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item van-picker-column__item--selected"
          >
            <div class="van-ellipsis">
              Xihu
            </div>
          </li>
          <li
            role="button"
            style="height: 44px;"
            tabindex="0"
            class="van-picker-column__item"
          >
            <div class="van-ellipsis">
              Yuhang
            </div>
          </li>
        </ul>
      </div>
      <div
        class="van-picker__mask"
        style="background-size: 100% 110px;"
      >
      </div>
      <div
        class="van-hairline-unset--top-bottom van-picker__frame"
        style="height: 44px;"
      >
      </div>
    </div>
  </div>
</div>
`;
