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

exports[`footerPlaybackControls.vue > renders with a current playable 1`] = `
<div data-v-2e8b419d="" class="playback-controls flex flex-1 flex-col justify-center">
  <div data-v-2e8b419d="" class="flex items-center justify-between md:justify-center gap-5 md:gap-12 px-4 md:px-0"><button data-v-c85a7693="" data-v-2e8b419d="" title="Undo Favorite" class="relative transition-[color] duration-200 ease-in-out hover:text-k-fg text-base scale-105 origin-top"><br data-v-c85a7693="" data-testid="Icon" class="text-k-fg-70" icon="[object Object]" size="sm"><span data-v-c85a7693="" class="sr-only">Undo Favorite</span></button><!-- a placeholder to maintain the asymmetric layout --><button data-v-49c7d5bc="" data-v-2e8b419d="" class="relative transition-[color] duration-200 ease-in-out hover:text-k-fg text-2xl" type="button" title="Play previous in queue"><br data-v-2e8b419d="" data-testid="Icon" icon="[object Object]"></button><br data-v-2e8b419d="" data-testid="PlayButton"><button data-v-49c7d5bc="" data-v-2e8b419d="" class="relative transition-[color] duration-200 ease-in-out hover:text-k-fg text-2xl" type="button" title="Play next in queue"><br data-v-2e8b419d="" data-testid="Icon" icon="[object Object]"></button><button data-v-cab48a7c="" data-v-2e8b419d="" class="relative text-k-fg-30 text-base" title="Change repeat mode (current: No Repeat)" data-testid="repeat-mode-switch" type="button"><svg data-v-cab48a7c="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat-icon">
        <path d="m17 2 4 4-4 4"></path>
        <path d="M3 11v-1a4 4 0 0 1 4-4h14"></path>
        <path d="m7 22-4-4 4-4"></path>
        <path d="M21 13v1a4 4 0 0 1-4 4H3"></path>
      </svg></button></div>
</div>
`;

exports[`footerPlaybackControls.vue > renders without a current playable 1`] = `
<div data-v-2e8b419d="" class="playback-controls flex flex-1 flex-col justify-center">
  <div data-v-2e8b419d="" class="flex items-center justify-between md:justify-center gap-5 md:gap-12 px-4 md:px-0"><button data-v-2e8b419d="" type="button"></button><!-- a placeholder to maintain the asymmetric layout --><button data-v-49c7d5bc="" data-v-2e8b419d="" class="relative transition-[color] duration-200 ease-in-out hover:text-k-fg text-2xl" type="button" title="Play previous in queue"><br data-v-2e8b419d="" data-testid="Icon" icon="[object Object]"></button><br data-v-2e8b419d="" data-testid="PlayButton"><button data-v-49c7d5bc="" data-v-2e8b419d="" class="relative transition-[color] duration-200 ease-in-out hover:text-k-fg text-2xl" type="button" title="Play next in queue"><br data-v-2e8b419d="" data-testid="Icon" icon="[object Object]"></button><button data-v-cab48a7c="" data-v-2e8b419d="" class="relative text-k-fg-30 text-base" title="Change repeat mode (current: No Repeat)" data-testid="repeat-mode-switch" type="button"><svg data-v-cab48a7c="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-repeat-icon">
        <path d="m17 2 4 4-4 4"></path>
        <path d="M3 11v-1a4 4 0 0 1 4-4h14"></path>
        <path d="m7 22-4-4 4-4"></path>
        <path d="M21 13v1a4 4 0 0 1-4 4H3"></path>
      </svg></button></div>
</div>
`;