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

exports[`should render demo and match snapshot 1`] = `
<div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Show Popup
      </span>
    </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-fade"
    appear="false"
    persisted="false"
    css="true"
  >
  </transition-stub>
</div>
<div>
  <div class="van-grid van-hairline--top">
    <div
      class="van-grid-item"
      style="flex-basis: 25%;"
    >
      <div
        role="button"
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
        tabindex="0"
      >
        <i class="van-badge__wrapper van-icon van-icon-arrow-up van-grid-item__icon">
        </i>
        <span class="van-grid-item__text">
          From Top
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis: 25%;"
    >
      <div
        role="button"
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
        tabindex="0"
      >
        <i class="van-badge__wrapper van-icon van-icon-arrow-down van-grid-item__icon">
        </i>
        <span class="van-grid-item__text">
          From Bottom
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis: 25%;"
    >
      <div
        role="button"
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
        tabindex="0"
      >
        <i class="van-badge__wrapper van-icon van-icon-arrow-left van-grid-item__icon">
        </i>
        <span class="van-grid-item__text">
          From Left
        </span>
      </div>
    </div>
    <div
      class="van-grid-item"
      style="flex-basis: 25%;"
    >
      <div
        role="button"
        class="van-grid-item__content van-grid-item__content--center van-grid-item__content--clickable van-hairline"
        tabindex="0"
      >
        <i class="van-badge__wrapper van-icon van-icon-arrow van-grid-item__icon">
        </i>
        <span class="van-grid-item__text">
          From Right
        </span>
      </div>
    </div>
  </div>
  <transition-stub
    name="van-fade"
    appear="true"
    persisted="false"
    css="true"
    role="button"
    tabindex="0"
  >
  </transition-stub>
  <transition-stub
    name="van-popup-slide-top"
    appear="false"
    persisted="false"
    css="true"
  >
  </transition-stub>
  <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>
  <transition-stub
    name="van-fade"
    appear="true"
    persisted="false"
    css="true"
    role="button"
    tabindex="0"
  >
  </transition-stub>
  <transition-stub
    name="van-popup-slide-left"
    appear="false"
    persisted="false"
    css="true"
  >
  </transition-stub>
  <transition-stub
    name="van-fade"
    appear="true"
    persisted="false"
    css="true"
    role="button"
    tabindex="0"
  >
  </transition-stub>
  <transition-stub
    name="van-popup-slide-right"
    appear="false"
    persisted="false"
    css="true"
  >
  </transition-stub>
</div>
<div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Close Icon
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Custom Icon
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Icon Position
      </span>
    </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>
  <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>
  <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-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Round Corner (center)
      </span>
    </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-fade"
    appear="false"
    persisted="false"
    css="true"
  >
  </transition-stub>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Round Corner (bottom)
      </span>
    </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-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Listen To Click Events
      </span>
    </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
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Listen To Display Events
      </span>
    </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-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div class="van-cell__title">
      <span>
        Get Container
      </span>
    </div>
    <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
    </i>
  </div>
</div>
`;
