interface FileInfoProps {
  fileInfo: {
    fileName: string;
    contractNumber: string;
    fileSize?: string;  
    fileFormat?: string;
    pageCount?: number;
    uploadTime?: string;
    uploadUser?: string;
    auditStatus?: number;
  };
  onConfirmResults: () => void;
}

export function FileInfo({ fileInfo, onConfirmResults }: FileInfoProps) {
  const handleDownloadFile = () => {
    alert('下载原文件功能');
  };

  const handleExportReport = () => {
    alert('导出评查报告功能');
  };

  return (
    <div className="mb-4 file-info-header">
      <div className="flex justify-between items-center">
        <div>
          <h2 className="text-xl font-medium">
            {fileInfo.fileName} 
            <span className="text-sm text-secondary font-normal ml-2">
              合同编号：{fileInfo.contractNumber}
            </span>
            {fileInfo.fileSize && (
              <span className="text-xs text-gray-500 ml-2">
                {fileInfo.fileSize} | {fileInfo.fileFormat} | {fileInfo.pageCount}页
              </span>
            )}
          </h2>
          {fileInfo.uploadTime && (
            <div className="text-xs text-gray-500 mt-1">
              上传时间：{fileInfo.uploadTime} | 上传用户：{fileInfo.uploadUser}
            </div>
          )}
        </div>
        <div className="flex space-x-3">
          <button 
            className="ant-btn ant-btn-default flex items-center"
            onClick={handleDownloadFile}
          >
            <i className="ri-file-download-line mr-1"></i> 下载原文件
          </button>
          <button 
            className="ant-btn ant-btn-default flex items-center"
            onClick={handleExportReport}
          >
            <i className="ri-file-copy-line mr-1"></i> 导出评查报告
          </button>
          <button 
            className="ant-btn ant-btn-primary flex items-center"
            onClick={onConfirmResults}
          >
            <i className="ri-check-double-line mr-1"></i> 确认评查结果
          </button>
        </div>
      </div>
    </div>
  );
}