<script lang="ts">
  import GenericMediaListPage from "$lib/components/library/GenericMediaListPage.svelte";

  /**
   * Playlist browser
   * @req: UR-007 - Navigate media in library
   * @req: UR-008 - Search media across libraries
   * @req: DR-007 - Library browsing screens
   */

  const config = {
    itemType: "Playlist" as const,
    title: "Playlists",
    backPath: "/library/music",
    searchPlaceholder: "Search playlists...",
    sortOptions: [], // No sorting for playlists
    defaultSort: "",
    displayComponent: "grid" as const,
    searchFields: ["name"],
  };
</script>

<GenericMediaListPage {config} />
