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

exports[`should render demo and match snapshot 1`] = `
<!--[-->
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Label
        </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"
            placeholder="Text"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <form class="van-form">
      <!--[-->
      <div class="van-cell van-field">
        <div
          class="van-cell__title van-field__label"
          style
        >
          <!--[-->
          <label
            id="van-field-label"
            for="van-field-input"
            data-allow-mismatch="attribute"
            style
          >
            Text
          </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"
              placeholder="Text"
              autocomplete="off"
              aria-labelledby="van-field-label"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div
          class="van-cell__title van-field__label"
          style
        >
          <!--[-->
          <label
            id="van-field-label"
            for="van-field-input"
            data-allow-mismatch="attribute"
            style
          >
            Phone
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <!--[-->
          <div class="van-field__body">
            <input
              type="tel"
              id="van-field-input"
              class="van-field__control"
              placeholder="Phone"
              aria-labelledby="van-field-label"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div
          class="van-cell__title van-field__label"
          style
        >
          <!--[-->
          <label
            id="van-field-label"
            for="van-field-input"
            data-allow-mismatch="attribute"
            style
          >
            Digit
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <!--[-->
          <div class="van-field__body">
            <input
              type="tel"
              inputmode="numeric"
              id="van-field-input"
              class="van-field__control"
              placeholder="Digit"
              aria-labelledby="van-field-label"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div
          class="van-cell__title van-field__label"
          style
        >
          <!--[-->
          <label
            id="van-field-label"
            for="van-field-input"
            data-allow-mismatch="attribute"
            style
          >
            Number
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <!--[-->
          <div class="van-field__body">
            <input
              type="text"
              inputmode="decimal"
              id="van-field-input"
              class="van-field__control"
              placeholder="Number"
              aria-labelledby="van-field-label"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div
          class="van-cell__title van-field__label"
          style
        >
          <!--[-->
          <label
            id="van-field-label"
            for="van-field-input"
            data-allow-mismatch="attribute"
            style
          >
            Password
          </label>
        </div>
        <div class="van-cell__value van-field__value">
          <!--[-->
          <div class="van-field__body">
            <input
              type="password"
              id="van-field-input"
              class="van-field__control"
              placeholder="Password"
              autocomplete="off"
              aria-labelledby="van-field-label"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Text
        </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
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field van-field--disabled">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Text
        </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"
            disabled
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field">
      <!--[-->
      <div class="van-field__left-icon">
        <i
          class="van-badge__wrapper van-icon van-icon-smile-o"
          style
        >
          <!--[-->
        </i>
      </div>
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Text
        </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"
            placeholder="Show Icon"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
          <div class="van-field__right-icon">
            <i
              class="van-badge__wrapper van-icon van-icon-warning-o"
              style
            >
              <!--[-->
            </i>
          </div>
        </div>
      </div>
    </div>
    <div class="van-cell van-field">
      <!--[-->
      <div class="van-field__left-icon">
        <i
          class="van-badge__wrapper van-icon van-icon-music-o"
          style
        >
          <!--[-->
        </i>
      </div>
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Text
        </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"
            placeholder="Show Clear Icon"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
  </div>
</div>
<!--[-->
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field">
      <div
        class="van-cell__title van-field__label van-field__label--required"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Username
        </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"
            placeholder="Username"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field">
      <div
        class="van-cell__title van-field__label van-field__label--required"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Phone
        </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"
            placeholder="Phone"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <form class="van-form">
      <!--[-->
      <div class="van-cell van-field">
        <div
          class="van-cell__title van-field__label van-field__label--required"
          style
        >
          <!--[-->
          <label
            id="van-field-label"
            for="van-field-input"
            data-allow-mismatch="attribute"
            style
          >
            Username
          </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"
              placeholder="Username"
              aria-labelledby="van-field-label"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
      <div class="van-cell van-field">
        <div
          class="van-cell__title van-field__label"
          style
        >
          <!--[-->
          <label
            id="van-field-label"
            for="van-field-input"
            data-allow-mismatch="attribute"
            style
          >
            Phone
          </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"
              placeholder="Phone"
              aria-labelledby="van-field-label"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field van-field--error">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Username
        </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 van-field__control--error"
            placeholder="Username"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Phone
        </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"
            placeholder="Phone"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
        <div class="van-field__error-message">
          Invalid phone
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-cell--center van-field">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          SMS
        </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"
            placeholder="SMS"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
          <div class="van-field__button">
            <!--[-->
            <button
              type="button"
              class="van-button van-button--primary van-button--small"
              style
            >
              <div class="van-button__content">
                <span class="van-button__text">
                  <!--[-->
                  Send SMS
                </span>
              </div>
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Text
        </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"
            placeholder="Format On Change"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Text
        </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"
            placeholder="Format On Blur"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field">
      <div class="van-cell__value van-field__value">
        <!--[-->
        <div class="van-field__body">
          <textarea
            id="van-field-input"
            rows="1"
            class="van-field__control"
            placeholder="Message"
            data-allow-mismatch="attribute"
          >
          </textarea>
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Message
        </label>
      </div>
      <div class="van-cell__value van-field__value">
        <!--[-->
        <div class="van-field__body">
          <textarea
            id="van-field-input"
            rows="2"
            class="van-field__control"
            placeholder="Message"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
          </textarea>
        </div>
        <div class="van-field__word-limit">
          <span class="van-field__word-num">
            0
          </span>
          /50
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field">
      <div
        class="van-cell__title van-field__label"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Text
        </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 van-field__control--right"
            placeholder="Input Align Right"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <!--[-->
  <div class="van-cell-group van-cell-group--inset">
    <!--[-->
    <div class="van-cell van-field van-field--label-top">
      <div
        class="van-cell__title van-field__label van-field__label--top"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Label
        </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"
            placeholder="Align Top"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field van-field--label-left">
      <div
        class="van-cell__title van-field__label van-field__label--left"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Label
        </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"
            placeholder="Align Left"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field van-field--label-center">
      <div
        class="van-cell__title van-field__label van-field__label--center"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Label
        </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"
            placeholder="Align Center"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
    <div class="van-cell van-field van-field--label-right">
      <div
        class="van-cell__title van-field__label van-field__label--right"
        style
      >
        <!--[-->
        <label
          id="van-field-label"
          for="van-field-input"
          data-allow-mismatch="attribute"
          style
        >
          Label
        </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"
            placeholder="Align Right"
            aria-labelledby="van-field-label"
            data-allow-mismatch="attribute"
          >
        </div>
      </div>
    </div>
  </div>
</div>
`;
