// 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"
      style
    >
      <span>
        Show Popup
      </span>
    </div>
    <i
      class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"
      style
    >
      <!--[-->
    </i>
  </div>
  <!--[-->
</div>
<div>
  <!--[-->
  <div
    style
    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"
        style
        tabindex="0"
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-arrow-up van-grid-item__icon"
          style
        >
          <!--[-->
        </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"
        style
        tabindex="0"
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-arrow-down van-grid-item__icon"
          style
        >
          <!--[-->
        </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"
        style
        tabindex="0"
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-arrow-left van-grid-item__icon"
          style
        >
          <!--[-->
        </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"
        style
        tabindex="0"
      >
        <!--[-->
        <i
          class="van-badge__wrapper van-icon van-icon-arrow van-grid-item__icon"
          style
        >
          <!--[-->
        </i>
        <span class="van-grid-item__text">
          From Right
        </span>
      </div>
    </div>
  </div>
  <!--[-->
  <!--[-->
  <!--[-->
  <!--[-->
</div>
<div>
  <!--[-->
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div
      class="van-cell__title"
      style
    >
      <span>
        Close Icon
      </span>
    </div>
    <i
      class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"
      style
    >
      <!--[-->
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div
      class="van-cell__title"
      style
    >
      <span>
        Custom Icon
      </span>
    </div>
    <i
      class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"
      style
    >
      <!--[-->
    </i>
  </div>
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div
      class="van-cell__title"
      style
    >
      <span>
        Icon Position
      </span>
    </div>
    <i
      class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"
      style
    >
      <!--[-->
    </i>
  </div>
  <!--[-->
  <!--[-->
  <!--[-->
</div>
<div>
  <!--[-->
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div
      class="van-cell__title"
      style
    >
      <span>
        Round Corner (center)
      </span>
    </div>
    <i
      class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"
      style
    >
      <!--[-->
    </i>
  </div>
  <!--[-->
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div
      class="van-cell__title"
      style
    >
      <span>
        Round Corner (bottom)
      </span>
    </div>
    <i
      class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"
      style
    >
      <!--[-->
    </i>
  </div>
  <!--[-->
</div>
<div>
  <!--[-->
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div
      class="van-cell__title"
      style
    >
      <span>
        Listen To Click Events
      </span>
    </div>
    <i
      class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"
      style
    >
      <!--[-->
    </i>
  </div>
  <!--[-->
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div
      class="van-cell__title"
      style
    >
      <span>
        Listen To Display Events
      </span>
    </div>
    <i
      class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"
      style
    >
      <!--[-->
    </i>
  </div>
  <!--[-->
</div>
<div>
  <!--[-->
  <div
    class="van-cell van-cell--clickable"
    role="button"
    tabindex="0"
  >
    <div
      class="van-cell__title"
      style
    >
      <span>
        Get Container
      </span>
    </div>
    <i
      class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon"
      style
    >
      <!--[-->
    </i>
  </div>
</div>
`;
