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

exports[`SearchBar creates snapshot 1`] = `
<DocumentFragment>
  <div
    class="position-relative undefined"
  >
    <div
      aria-controls="search-list"
      aria-expanded="false"
      aria-haspopup="listbox"
      aria-owns="search-list"
      class="d-flex align-items-center overflow-hidden searchBar lh-base bg-white searchBar big"
      role="combobox"
    >
      <div
        class="d-flex align-items-center iconWrapper"
        data-testid="searchBarIcon"
      >
        <svg
          fill="none"
          height="1em"
          stroke="currentColor"
          stroke-linecap="round"
          stroke-linejoin="round"
          stroke-width="2"
          viewBox="0 0 24 24"
          width="1em"
          xmlns="http://www.w3.org/2000/svg"
        >
          <circle
            cx="11"
            cy="11"
            r="8"
          />
          <line
            x1="21"
            x2="16.65"
            y1="21"
            y2="16.65"
          />
        </svg>
      </div>
      <input
        aria-label="Search packages"
        autocapitalize="none"
        autocomplete="off"
        autocorrect="off"
        class="flex-grow-1 ps-2 ps-md-0 border-0 shadow-none bg-transparent input"
        placeholder="Search packages"
        spellcheck="false"
        type="text"
        value="test"
      />
      <div
        class="d-none"
        tabindex="0"
      >
        <div
          aria-live="polite"
        />
      </div>
      <button
        aria-label="Close"
        class="btn-close lh-lg ps-2 pe-3 inputClean"
        type="button"
      />
      <div
        class="d-none d-sm-block position-absolute text-dark tipIcon bigTipIcon"
      >
        <button
          aria-label="Open search tips modal"
          class="btn btn-link p-2 text-light btn-lg"
        >
          <svg
            fill="currentColor"
            height="1em"
            stroke="currentColor"
            stroke-width="0"
            viewBox="0 0 512 512"
            width="1em"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              d="M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z"
            />
          </svg>
        </button>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
