import { Home } from "lucide-react";
import { lazyWithPreload } from "../../lib/lazyWithPreload";
import type { ModuleDef } from "../../lib/moduleDef";
import { HOME_KEYS } from "../../lib/homeUrlState";

// This page as the shell and the navigation know it (lib/moduleDef). Its page loads lazily.
export const homeModule: ModuleDef = {
  id: "home",
  labelKey: "home.navLabel",
  railKey: "nav.rail.home",
  titleKey: "home.title",
  icon: Home,
  Page: lazyWithPreload(() => import("./Home")),
  maxWidth: "80rem",
  // Its time budget, a setting. Not the question's draw: the same question draws other cards once
  // what you have watched moves on (lib/homeUrlState).
  urlKeys: HOME_KEYS,
  playsVideos: true,
};