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

exports[`should render demo and match snapshot 1`] = `
<div>
  <div class="van-loading van-loading--circular">
    <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-loading van-loading--spinner">
    <span class="van-loading__spinner van-loading__spinner--spinner">
      <i class="van-loading__line van-loading__line--1">
      </i>
      <i class="van-loading__line van-loading__line--2">
      </i>
      <i class="van-loading__line van-loading__line--3">
      </i>
      <i class="van-loading__line van-loading__line--4">
      </i>
      <i class="van-loading__line van-loading__line--5">
      </i>
      <i class="van-loading__line van-loading__line--6">
      </i>
      <i class="van-loading__line van-loading__line--7">
      </i>
      <i class="van-loading__line van-loading__line--8">
      </i>
      <i class="van-loading__line van-loading__line--9">
      </i>
      <i class="van-loading__line van-loading__line--10">
      </i>
      <i class="van-loading__line van-loading__line--11">
      </i>
      <i class="van-loading__line van-loading__line--12">
      </i>
    </span>
  </div>
</div>
<div>
  <div class="van-loading van-loading--circular">
    <span class="van-loading__spinner van-loading__spinner--circular"
          style="color: rgb(25, 137, 250);"
    >
      <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-loading van-loading--spinner">
    <span class="van-loading__spinner van-loading__spinner--spinner"
          style="color: rgb(25, 137, 250);"
    >
      <i class="van-loading__line van-loading__line--1">
      </i>
      <i class="van-loading__line van-loading__line--2">
      </i>
      <i class="van-loading__line van-loading__line--3">
      </i>
      <i class="van-loading__line van-loading__line--4">
      </i>
      <i class="van-loading__line van-loading__line--5">
      </i>
      <i class="van-loading__line van-loading__line--6">
      </i>
      <i class="van-loading__line van-loading__line--7">
      </i>
      <i class="van-loading__line van-loading__line--8">
      </i>
      <i class="van-loading__line van-loading__line--9">
      </i>
      <i class="van-loading__line van-loading__line--10">
      </i>
      <i class="van-loading__line van-loading__line--11">
      </i>
      <i class="van-loading__line van-loading__line--12">
      </i>
    </span>
  </div>
</div>
<div>
  <div class="van-loading van-loading--circular">
    <span class="van-loading__spinner van-loading__spinner--circular"
          style="width: 24px; height: 24px;"
    >
      <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-loading van-loading--spinner">
    <span class="van-loading__spinner van-loading__spinner--spinner"
          style="width: 24px; height: 24px;"
    >
      <i class="van-loading__line van-loading__line--1">
      </i>
      <i class="van-loading__line van-loading__line--2">
      </i>
      <i class="van-loading__line van-loading__line--3">
      </i>
      <i class="van-loading__line van-loading__line--4">
      </i>
      <i class="van-loading__line van-loading__line--5">
      </i>
      <i class="van-loading__line van-loading__line--6">
      </i>
      <i class="van-loading__line van-loading__line--7">
      </i>
      <i class="van-loading__line van-loading__line--8">
      </i>
      <i class="van-loading__line van-loading__line--9">
      </i>
      <i class="van-loading__line van-loading__line--10">
      </i>
      <i class="van-loading__line van-loading__line--11">
      </i>
      <i class="van-loading__line van-loading__line--12">
      </i>
    </span>
  </div>
</div>
<div>
  <div class="van-loading van-loading--circular">
    <span class="van-loading__spinner van-loading__spinner--circular"
          style="width: 24px; height: 24px;"
    >
      <svg class="van-loading__circular"
           viewbox="25 25 50 50"
      >
        <circle cx="50"
                cy="50"
                r="20"
                fill="none"
        >
        </circle>
      </svg>
    </span>
    <span class="van-loading__text">
      Loading...
    </span>
  </div>
</div>
<div>
  <div class="van-loading van-loading--circular van-loading--vertical">
    <span class="van-loading__spinner van-loading__spinner--circular"
          style="width: 24px; height: 24px;"
    >
      <svg class="van-loading__circular"
           viewbox="25 25 50 50"
      >
        <circle cx="50"
                cy="50"
                r="20"
                fill="none"
        >
        </circle>
      </svg>
    </span>
    <span class="van-loading__text">
      Loading...
    </span>
  </div>
</div>
<div>
  <div class="van-loading van-loading--circular van-loading--vertical">
    <span class="van-loading__spinner van-loading__spinner--circular"
          style="color: rgb(0, 148, 255); width: 24px; height: 24px;"
    >
      <svg class="van-loading__circular"
           viewbox="25 25 50 50"
      >
        <circle cx="50"
                cy="50"
                r="20"
                fill="none"
        >
        </circle>
      </svg>
    </span>
    <span class="van-loading__text"
          style="color: rgb(0, 148, 255);"
    >
      Loading...
    </span>
  </div>
  <div class="van-loading van-loading--circular van-loading--vertical">
    <span class="van-loading__spinner van-loading__spinner--circular"
          style="width: 24px; height: 24px;"
    >
      <svg class="van-loading__circular"
           viewbox="25 25 50 50"
      >
        <circle cx="50"
                cy="50"
                r="20"
                fill="none"
        >
        </circle>
      </svg>
    </span>
    <span class="van-loading__text"
          style="color: rgb(0, 148, 255);"
    >
      Loading...
    </span>
  </div>
</div>
`;
