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

exports[`Combobox It should render a snapshot 1`] = `
<DocumentFragment>
  <div
    class="ids-combobox ids-combobox--active"
    data-test="combobox1"
    role="button"
    tabindex="0"
  >
    <div
      class="ids-dropdown__ref"
    >
      <div
        class="ids-combobox-input ids-combobox-input--placeholder"
      >
        <div
          class="ids-combobox-input__value"
        >
          <span
            class="ids-combobox-input__value-label"
          >
            Hello world
          </span>
        </div>
        <div
          class="ids-combobox-input__actions"
        >
          <svg
            class="ids-icon ids-combobox-input__chevron"
            fill="none"
            height="16"
            viewBox="0 0 16 16"
            width="16"
            xmlns="http://www.w3.org/2000/svg"
          >
            <path
              clip-rule="evenodd"
              d="M4.604 10.75c-.891 0-1.337-1.077-.708-1.707l3.397-3.397a1 1 0 0 1 1.414 0l-.497.497.497-.497 3.397 3.397c.63.63.183 1.707-.707 1.707H4.603Z"
              fill="currentColor"
              fill-rule="evenodd"
            />
          </svg>
        </div>
      </div>
    </div>
    <div
      class="ids-dropdown ids-combobox__dropdown ids-dropdown--bottom-start ids-dropdown--scrollable"
      data-show="true"
      style="position: fixed; top: 0px; left: 0px;"
    >
      <div
        class="ids-dropdown__scroll-content"
      >
        <ul
          class="ids-list ids-combobox__list ids-list--compact"
          role="listbox"
          tabindex="-1"
        >
          <li
            aria-selected="false"
            class="ids-list-item ids-list-item--compact ids-list-item--selectable ids-list-item--no-description"
            role="option"
            tabindex="-1"
          >
            <div
              class="ids-list-item__content"
            >
              <span
                class="ids-list-item__text"
              >
                <span
                  class="ids-list-item__text-body"
                >
                  <span
                    class="ids-list-item__text-content"
                  >
                    <span
                      class="ids-list-item__text-label"
                    >
                      Option 1
                    </span>
                  </span>
                </span>
              </span>
            </div>
          </li>
          <li
            aria-selected="false"
            class="ids-list-item ids-list-item--compact ids-list-item--selectable ids-list-item--no-description"
            role="option"
            tabindex="-1"
          >
            <div
              class="ids-list-item__content"
            >
              <span
                class="ids-list-item__text"
              >
                <span
                  class="ids-list-item__text-body"
                >
                  <span
                    class="ids-list-item__text-content"
                  >
                    <span
                      class="ids-list-item__text-label"
                    >
                      Option 2
                    </span>
                  </span>
                </span>
              </span>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</DocumentFragment>
`;
