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

exports[`addToMenu.vue > renders 1`] = `
<div data-v-2ee1a399="" class="add-to w-full max-w-[256px] min-w-[200px] p-3 space-y-3" data-testid="add-to-menu" tabindex="0" showing="true">
  <section data-v-2ee1a399="" class="existing-playlists">
    <p data-v-2ee1a399="" class="mb-2 text-[0.9rem]">Add 5 items to</p>
    <ul data-v-2ee1a399="" class="relative max-h-48 overflow-y-scroll space-y-1.5">
      <li data-v-2ee1a399="" data-testid="queue" tabindex="0">Queue</li>
      <li data-v-2ee1a399="" class="favorites" data-testid="add-to-favorites" tabindex="0"> Favorites </li>
      <li data-v-2ee1a399="" class="playlist" data-testid="add-to-playlist" tabindex="0">Foo</li>
      <li data-v-2ee1a399="" class="playlist" data-testid="add-to-playlist" tabindex="0">Bar</li>
      <li data-v-2ee1a399="" class="playlist" data-testid="add-to-playlist" tabindex="0">Baz</li>
    </ul>
  </section><button data-v-8943c846="" data-v-2ee1a399="" data-variant="ghost" class="text-base text-white border border-transparent bg-k-primary px-3.5 py-2 rounded cursor-pointer !w-full !border !border-solid !border-white/20" type="button"> New Playlist… </button>
</div>
`;