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

exports[`playableListHeader.vue > renders 1`] = `
<div class="sortable song-list-header flex z-[2] bg-k-fg-3 pl-5"><span class="track-number" data-testid="header-track-number" role="button" title="Sort by track number"> # <!--v-if--><!--v-if--></span><span class="title-artist" data-testid="header-title" role="button" title="Sort by title"> Title <br data-testid="Icon" icon="[object Object]" class="text-k-highlight"><!--v-if--></span><span title="Sort by album" class="album" data-testid="header-album" role="button">Album<span class="ml-2"><!--v-if--><!--v-if--></span></span>
  <!--v-if-->
  <!--v-if-->
  <!--v-if--><span class="time" data-testid="header-length" role="button" title="Sort by duration"> Time <!--v-if--><!--v-if--></span><span class="extra"><article data-v-041d93ea=""><button data-v-041d93ea="" class="w-full focus:text-k-highlight" title="Sort" aria-haspopup="menu" aria-controls="popover-v-0" aria-expanded="false" popovertarget="popover-v-0" popovertargetaction="toggle"><br data-v-041d93ea="" data-testid="Icon" icon="[object Object]"></button><div data-v-041d93ea="" id="popover-v-0" class="fixed inset-auto m-0 context-menu normal-case tracking-normal" style="left: -9999px; top: -9999px;" popover="auto"><menu data-v-041d93ea=""><li data-v-041d93ea="" class="active cursor-pointer group flex justify-between !pl-3 hover:!bg-k-highlight hover:!text-k-highlight-fg"><label data-v-041d93ea="" class="w-4 mr-2.5 flex items-center"><input data-v-041d93ea="" checked="" disabled="" title="" class="disabled:opacity-20 disabled:cursor-not-allowed bg-k-fg group-hover:border-k-highlight-fg h-4 aspect-square rounded checked:border-k-fg-70 checked:border-2 checked:bg-k-highlight" type="checkbox"></label><span data-v-041d93ea="" class="flex-1 text-left">Title</span><span data-v-041d93ea="" class="icon hidden ml-3"><br data-v-041d93ea="" data-testid="Icon" icon="[object Object]"></span></li>
  <li data-v-041d93ea="" class="cursor-pointer group flex justify-between !pl-3 hover:!bg-k-highlight hover:!text-k-highlight-fg"><label data-v-041d93ea="" class="w-4 mr-2.5 flex items-center"><input data-v-041d93ea="" checked="" title="Click to toggle the Album column" class="disabled:opacity-20 disabled:cursor-not-allowed bg-k-fg group-hover:border-k-highlight-fg h-4 aspect-square rounded checked:border-k-fg-70 checked:border-2 checked:bg-k-highlight" type="checkbox"></label><span data-v-041d93ea="" class="flex-1 text-left">Album</span><span data-v-041d93ea="" class="icon hidden ml-3"><br data-v-041d93ea="" data-testid="Icon" icon="[object Object]"></span></li>
  <li data-v-041d93ea="" class="cursor-pointer group flex justify-between !pl-3 hover:!bg-k-highlight hover:!text-k-highlight-fg"><label data-v-041d93ea="" class="w-4 mr-2.5 flex items-center"><input data-v-041d93ea="" disabled="" title="" class="disabled:opacity-20 disabled:cursor-not-allowed bg-k-fg group-hover:border-k-highlight-fg h-4 aspect-square rounded checked:border-k-fg-70 checked:border-2 checked:bg-k-highlight" type="checkbox"></label><span data-v-041d93ea="" class="flex-1 text-left">Artist</span><span data-v-041d93ea="" class="icon hidden ml-3"><br data-v-041d93ea="" data-testid="Icon" icon="[object Object]"></span></li>
  <li data-v-041d93ea="" class="cursor-pointer group flex justify-between !pl-3 hover:!bg-k-highlight hover:!text-k-highlight-fg"><label data-v-041d93ea="" class="w-4 mr-2.5 flex items-center"><input data-v-041d93ea="" checked="" title="Click to toggle the Track &amp; Disc column" class="disabled:opacity-20 disabled:cursor-not-allowed bg-k-fg group-hover:border-k-highlight-fg h-4 aspect-square rounded checked:border-k-fg-70 checked:border-2 checked:bg-k-highlight" type="checkbox"></label><span data-v-041d93ea="" class="flex-1 text-left">Track &amp; Disc</span><span data-v-041d93ea="" class="icon hidden ml-3"><br data-v-041d93ea="" data-testid="Icon" icon="[object Object]"></span></li>
  <li data-v-041d93ea="" class="cursor-pointer group flex justify-between !pl-3 hover:!bg-k-highlight hover:!text-k-highlight-fg"><label data-v-041d93ea="" class="w-4 mr-2.5 flex items-center"><input data-v-041d93ea="" title="Click to toggle the Genre column" class="disabled:opacity-20 disabled:cursor-not-allowed bg-k-fg group-hover:border-k-highlight-fg h-4 aspect-square rounded checked:border-k-fg-70 checked:border-2 checked:bg-k-highlight" type="checkbox"></label><span data-v-041d93ea="" class="flex-1 text-left">Genre</span><span data-v-041d93ea="" class="icon hidden ml-3"><br data-v-041d93ea="" data-testid="Icon" icon="[object Object]"></span></li>
  <li data-v-041d93ea="" class="cursor-pointer group flex justify-between !pl-3 hover:!bg-k-highlight hover:!text-k-highlight-fg"><label data-v-041d93ea="" class="w-4 mr-2.5 flex items-center"><input data-v-041d93ea="" title="Click to toggle the Year column" class="disabled:opacity-20 disabled:cursor-not-allowed bg-k-fg group-hover:border-k-highlight-fg h-4 aspect-square rounded checked:border-k-fg-70 checked:border-2 checked:bg-k-highlight" type="checkbox"></label><span data-v-041d93ea="" class="flex-1 text-left">Year</span><span data-v-041d93ea="" class="icon hidden ml-3"><br data-v-041d93ea="" data-testid="Icon" icon="[object Object]"></span></li>
  <li data-v-041d93ea="" class="cursor-pointer group flex justify-between !pl-3 hover:!bg-k-highlight hover:!text-k-highlight-fg"><label data-v-041d93ea="" class="w-4 mr-2.5 flex items-center"><input data-v-041d93ea="" checked="" title="Click to toggle the Time column" class="disabled:opacity-20 disabled:cursor-not-allowed bg-k-fg group-hover:border-k-highlight-fg h-4 aspect-square rounded checked:border-k-fg-70 checked:border-2 checked:bg-k-highlight" type="checkbox"></label><span data-v-041d93ea="" class="flex-1 text-left">Time</span><span data-v-041d93ea="" class="icon hidden ml-3"><br data-v-041d93ea="" data-testid="Icon" icon="[object Object]"></span></li>
  <li data-v-041d93ea="" class="cursor-pointer group flex justify-between !pl-3 hover:!bg-k-highlight hover:!text-k-highlight-fg"><label data-v-041d93ea="" class="w-4 mr-2.5 flex items-center"><input data-v-041d93ea="" disabled="" title="" class="disabled:opacity-20 disabled:cursor-not-allowed bg-k-fg group-hover:border-k-highlight-fg h-4 aspect-square rounded checked:border-k-fg-70 checked:border-2 checked:bg-k-highlight" type="checkbox"></label><span data-v-041d93ea="" class="flex-1 text-left">Date Added</span><span data-v-041d93ea="" class="icon hidden ml-3"><br data-v-041d93ea="" data-testid="Icon" icon="[object Object]"></span></li>
  </menu>
</div>
</article></span></div>
`;