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

exports[`should render demo and match snapshot 1`] = `
<div>
  <div class="van-search">
    <div class="van-search__content van-search__content--square">
      <div class="van-cell van-cell--borderless van-field van-search__field">
        <div class="van-field__left-icon">
          <i class="van-badge__wrapper van-icon van-icon-search">
          </i>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input
              type="search"
              id="van-search-input"
              class="van-field__control"
              placeholder="Placeholder"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <form action="/">
    <div class="van-search van-search--show-action">
      <div class="van-search__content van-search__content--square">
        <div class="van-cell van-cell--borderless van-field van-search__field">
          <div class="van-field__left-icon">
            <i class="van-badge__wrapper van-icon van-icon-search">
            </i>
          </div>
          <div class="van-cell__value van-field__value">
            <div class="van-field__body">
              <input
                type="search"
                id="van-search-input"
                class="van-field__control"
                placeholder="Placeholder"
                data-allow-mismatch="attribute"
              >
            </div>
          </div>
        </div>
      </div>
      <div
        class="van-search__action"
        role="button"
        tabindex="0"
      >
        Cancel
      </div>
    </div>
  </form>
</div>
<div>
  <div class="van-search">
    <div class="van-search__content van-search__content--square">
      <div class="van-cell van-cell--borderless van-field van-search__field">
        <div class="van-field__left-icon">
          <i class="van-badge__wrapper van-icon van-icon-search">
          </i>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input
              type="search"
              id="van-search-input"
              class="van-field__control van-field__control--center"
              placeholder="Placeholder"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-search">
    <div class="van-search__content van-search__content--square">
      <div class="van-cell van-cell--borderless van-field van-field--disabled van-search__field">
        <div class="van-field__left-icon">
          <i class="van-badge__wrapper van-icon van-icon-search">
          </i>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input
              type="search"
              id="van-search-input"
              class="van-field__control"
              disabled
              placeholder="Placeholder"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div
    class="van-search"
    style="background: rgb(79, 192, 141);"
  >
    <div class="van-search__content van-search__content--round">
      <div class="van-cell van-cell--borderless van-field van-search__field">
        <div class="van-field__left-icon">
          <i class="van-badge__wrapper van-icon van-icon-search">
          </i>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input
              type="search"
              id="van-search-input"
              class="van-field__control"
              placeholder="Placeholder"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div>
  <div class="van-search van-search--show-action">
    <div class="van-search__content van-search__content--square">
      <label
        class="van-search__label"
        for="van-search-input"
        data-allow-mismatch="attribute"
      >
        Address
      </label>
      <div class="van-cell van-cell--borderless van-field van-search__field">
        <div class="van-field__left-icon">
          <i class="van-badge__wrapper van-icon van-icon-search">
          </i>
        </div>
        <div class="van-cell__value van-field__value">
          <div class="van-field__body">
            <input
              type="search"
              id="van-search-input"
              class="van-field__control"
              placeholder="Placeholder"
              data-allow-mismatch="attribute"
            >
          </div>
        </div>
      </div>
    </div>
    <div
      class="van-search__action"
      role="button"
      tabindex="0"
    >
      <div>
        Search
      </div>
    </div>
  </div>
</div>
`;
