interface TemplateProps {
  resumeData: ResumeData;
  settings: TemplateSettings;
}

export function ResumeNewTemplate({ resumeData, settings }: TemplateProps) {
  return (
    <div className="resume-print">
      <header className="resume-section">
        <h1>{resumeData.personalInfo?.name}</h1>
      </header>
      {getSortedSections(resumeData).map(section => (
        <section key={section.id} className="resume-section">
          <h3 className="resume-section-title">{section.displayName}</h3>
          <div className="resume-items">
          </div>
        </section>
      ))}
    </div>
  );
}

.resume-print          /* Root container (Playwright waits for this) */
.resume-section        /* Section wrapper */
.resume-section-title  /* Section heading */
.resume-items          /* Items container */
.resume-item           /* Individual entry (won't page-break) */

// components/resume/index.ts
export { ResumeNewTemplate } from './resume-new-template';

// components/builder/formatting-controls.tsx
const TEMPLATES = [
  { id: 'swiss-single', name: 'Single Column' },
  { id: 'swiss-two-column', name: 'Two Column' },
  { id: 'new-template', name: 'New Template' }, // Add here
];