<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight z-10">
            {{ __('nav.public-playlists') }}
        </h2>
    </x-slot>

    <div class="max-w-6xl mx-auto sm:px-6 lg:px-8">
        @include('partials.background')
        @livewire('playlists')
    </div>
</x-app-layout>
