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

  /**
   * Movie browser (all movies)
   * @req: UR-007 - Navigate media in library
   * @req: UR-008 - Search media across libraries
   * @req: DR-007 - Library browsing screens
   */

  const config = {
    itemType: "Movie" as const,
    title: "Movies",
    backPath: "/library/movies",
    searchPlaceholder: "Search movies...",
    sortOptions: [
      { key: "SortName", label: "A-Z" },
      { key: "ProductionYear", label: "Year" },
      { key: "DateCreated", label: "Recently Added" },
      { key: "CommunityRating", label: "Rating" },
    ],
    defaultSort: "SortName",
    displayComponent: "grid" as const,
  };
</script>

<GenericMediaListPage {config} />
