"use client"; import CustomButton from "@/components/common/CustomButton"; import type { ResumeTemplateId } from "@/types/resume"; function printResume(templateId: ResumeTemplateId, filename: string) { const source = document.querySelector("[data-resume-document]"); if (!source) return; const printWindow = window.open("", "_blank"); if (!printWindow) return; const styles = Array.from( document.querySelectorAll('link[rel="stylesheet"], style'), ) .map((node) => node.outerHTML) .join(""); const landscape = templateId === "executive-landscape"; const documentClone = source.cloneNode(true) as HTMLElement; documentClone .querySelectorAll("[data-resume-paper]") .forEach((paper) => { paper.style.display = "block"; }); printWindow.document.write( `${filename}${styles}${documentClone.outerHTML}`, ); printWindow.document.close(); } export function DownloadButton({ templateId, filename, }: { templateId: ResumeTemplateId; filename: string; }) { return ( printResume(templateId, filename)} /> ); }