import React from 'react';

interface CvSummaryPanelProps {
  summary: string | null;
}

const CvSummaryPanel: React.FC<CvSummaryPanelProps> = ({ summary }) => {
  if (!summary) {
    return <div className="p-6 text-gray-500">No summary available yet. Upload your CV to see the summary.</div>;
  }

  return (
    <div className="p-6 bg-gray-50 rounded-md shadow-md">
      <h2 className="text-xl font-bold text-gray-900 mb-4">CV Summary</h2>
      <div className="text-gray-700 whitespace-pre-line">
        {summary}
      </div>
    </div>
  );
};

export default CvSummaryPanel;