import {
  CvExperiencePreview,
  type CvExperienceRendered,
} from "@/components/cv/CvExperiencePreview";

interface CvRightColumnProps {
  experiences: CvExperienceRendered[];
}

export function CvRightColumn({ experiences }: CvRightColumnProps) {
  return (
    <main>
      <h2 className="mb-3 text-[0.75rem] font-bold uppercase tracking-wide text-muted">
        Expériences professionnelles
      </h2>
      {experiences.length === 0 ? (
        <p className="print-hidden text-sm text-muted">
          Ajoutez une expérience dans le panneau gauche
        </p>
      ) : (
        experiences.map((item) => (
          <CvExperiencePreview
            key={item.experience.id}
            experience={item.experience}
            html={item.html}
          />
        ))
      )}
    </main>
  );
}