import type { Metadata, Viewport } from "next";
import MarkerPicker from "@/components/set/MarkerPicker";
import { loadMarkers } from "@/lib/markers";

// On-set screen tracking markers. Deliberately not linked from the site,
// kept out of search results and the sitemap.
export const metadata: Metadata = {
  title: "Screen markers",
  description: "Two Tales VFX screen tracking markers for production crews.",
  robots: { index: false, follow: false },
  manifest: "/set/manifest.webmanifest",
  appleWebApp: { capable: true, title: "Markers", statusBarStyle: "black-translucent" },
};

export const viewport: Viewport = {
  themeColor: "#000000",
  viewportFit: "cover",
};

export default function SetPage() {
  const { screens, extras } = loadMarkers();
  return (
    <main className="min-h-dvh bg-ink">
      <MarkerPicker screens={screens} extras={extras} />
    </main>
  );
}