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

exports[`DynamicVirtualList > basic rendering > snapshot test 1`] = `
.c0::-webkit-scrollbar-thumb {
  transition: background 0.3s ease-in-out;
  will-change: background;
  background: var(--color-scrollbar-thumb);
}

.c0::-webkit-scrollbar-thumb:hover {
  background: var(--color-scrollbar-thumb-hover);
}

<div>
  <div
    aria-hidden="false"
    aria-label="Dynamic Virtual List"
    class="c0 dynamic-virtual-list"
    role="region"
    style="overflow: auto; height: 100%;"
  >
    <div
      style="position: relative; width: 100%; height: 150px;"
    >
      <div
        data-index="0"
        style="position: absolute; top: 0px; left: 0px; z-index: 0; pointer-events: auto; transform: translateY(0px); width: 100%;"
      >
        <div
          data-testid="item-0"
        >
          Item 1
        </div>
      </div>
      <div
        data-index="1"
        style="position: absolute; top: 0px; left: 0px; z-index: 0; pointer-events: auto; transform: translateY(50px); width: 100%;"
      >
        <div
          data-testid="item-1"
        >
          Item 2
        </div>
      </div>
      <div
        data-index="2"
        style="position: absolute; top: 0px; left: 0px; z-index: 0; pointer-events: auto; transform: translateY(100px); width: 100%;"
      >
        <div
          data-testid="item-2"
        >
          Item 3
        </div>
      </div>
    </div>
  </div>
</div>
`;
