import type { ResumeModel, ResumeTemplateId } from "@/types/resume";
import { ExecutiveLandscape } from "./templates/ExecutiveLandscape";
import { ModernPortrait } from "./templates/ModernPortrait";

export const resumeTemplates = [
  {
    id: "modern-portrait",
    name: "Modern Portrait",
    description: "ATS-friendly A4 portrait with a clean two-column structure.",
    aspectRatio: "210 / 297",
    orientation: "portrait",
  },
  {
    id: "executive-landscape",
    name: "Executive Landscape",
    description: "Premium A4 landscape dashboard with an executive sidebar.",
    aspectRatio: "297 / 210",
    orientation: "landscape",
  },
] as const;

export function ResumeRenderer({
  resume,
  templateId,
  page,
}: {
  resume: ResumeModel;
  templateId: ResumeTemplateId;
  page: number;
}) {
  return templateId === "executive-landscape" ? (
    <ExecutiveLandscape resume={resume} page={page} />
  ) : (
    <ModernPortrait resume={resume} page={page} />
  );
}