// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`should render demo and match snapshot 1`] = `
<div>
  <div role="tablist"
       class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom"
  >
    <div role="tab"
         class="van-tabbar-item van-tabbar-item--active"
         tabindex="0"
         aria-selected="true"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-home-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-search">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-friends-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-setting-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
  </div>
</div>
<div>
  <div role="tablist"
       class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom"
  >
    <div role="tab"
         class="van-tabbar-item van-tabbar-item--active"
         tabindex="0"
         aria-selected="true"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-home-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-search">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-friends-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-setting-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
  </div>
</div>
<div>
  <div role="tablist"
       class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom"
  >
    <div role="tab"
         class="van-tabbar-item van-tabbar-item--active"
         tabindex="0"
         aria-selected="true"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-home-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-search">
        </i>
        <div class="van-badge van-badge--top-right van-badge--dot van-badge--fixed">
        </div>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-friends-o">
        </i>
        <div class="van-badge van-badge--top-right van-badge--fixed">
          5
        </div>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-setting-o">
        </i>
        <div class="van-badge van-badge--top-right van-badge--fixed">
          20
        </div>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
  </div>
</div>
<div>
  <div role="tablist"
       class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom"
  >
    <div role="tab"
         class="van-tabbar-item van-tabbar-item--active"
         tabindex="0"
         aria-selected="true"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <img src="https://img.yzcdn.cn/vant/user-active.png">
        <div class="van-badge van-badge--top-right van-badge--fixed">
          3
        </div>
      </div>
      <div class="van-tabbar-item__text">
        <span>
          Custom
        </span>
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-search">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-setting-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
  </div>
</div>
<div>
  <div role="tablist"
       class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom"
  >
    <div role="tab"
         class="van-tabbar-item van-tabbar-item--active"
         style="color: rgb(238, 10, 36);"
         tabindex="0"
         aria-selected="true"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-home-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         style="color: rgb(0, 0, 0);"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-search">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         style="color: rgb(0, 0, 0);"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-friends-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         style="color: rgb(0, 0, 0);"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-setting-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab
      </div>
    </div>
  </div>
</div>
<div>
  <div role="tablist"
       class="van-tabbar van-tabbar--fixed van-hairline--top-bottom van-safe-area-bottom"
  >
    <div role="tab"
         class="van-tabbar-item van-tabbar-item--active"
         tabindex="0"
         aria-selected="true"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-home-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab 1
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-search">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab 2
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-friends-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab 3
      </div>
    </div>
    <div role="tab"
         class="van-tabbar-item"
         tabindex="0"
         aria-selected="false"
    >
      <div class="van-badge__wrapper van-tabbar-item__icon">
        <i class="van-badge__wrapper van-icon van-icon-setting-o">
        </i>
      </div>
      <div class="van-tabbar-item__text">
        Tab 4
      </div>
    </div>
  </div>
</div>
`;
