<script setup lang="ts">
import { FileMusicIcon } from 'lucide-vue-next';
import PlaylistCreateDialog from './PlaylistCreateDialog.vue';

</script>

<template>
    <Empty>
        <EmptyHeader>
            <EmptyMedia variant="icon">
                <FileMusicIcon />
            </EmptyMedia>
            <EmptyTitle>No playlists found</EmptyTitle>
            <EmptyDescription>No playlists found, create one right now!</EmptyDescription>
        </EmptyHeader>
        <EmptyContent>
            <PlaylistCreateDialog>
                <template #trigger>
                    <Button>Create playlist</Button>
                </template>
            </PlaylistCreateDialog>
        </EmptyContent>
    </Empty>
</template>
