import { Tv } from "lucide-react";
import { lazyWithPreload } from "../../lib/lazyWithPreload";
import type { ModuleDef } from "../../lib/moduleDef";
import { CHANNELS_KEYS } from "../../lib/channelsUrlState";
import { ChannelsProvider } from "./ChannelsProvider";

// This page as the shell and the navigation know it (lib/moduleDef). Its page loads lazily.
export const channelsModule: ModuleDef = {
  id: "channels",
  labelKey: "header.account.channels",
  railKey: "nav.rail.channels",
  titleKey: "header.channelManager",
  icon: Tv,
  Page: lazyWithPreload(() => import("./Channels")),
  maxWidth: "96rem",
  Store: ChannelsProvider,
  urlKeys: CHANNELS_KEYS,
};