import React from 'react'; import { Typography, Divider, Button, Form } from 'antd'; import { PlusOutlined } from '@ant-design/icons'; import SolutionFieldNew from './SolutionField'; const { Text } = Typography; const SolutionForm = ({ solutionForm, solutionFields, solutionTypes, solutionStatuses, onAddSolutionField, onRemoveSolutionField, onSolutionTypeChange, onSolutionStatusChange, onSolutionFileUpload, onFileView, fileList, isReadOnly = false, solutionData = [], }) => { return (
{solutionFields.map((field, displayIndex) => ( onRemoveSolutionField(field)} onFileUpload={onSolutionFileUpload} onFileView={onFileView} fileList={fileList} isReadOnly={isReadOnly} canRemove={solutionFields.length > 1 && displayIndex > 0} originalSolutionData={solutionData[displayIndex]} /> ))}
{!isReadOnly && (
)}
); }; export default SolutionForm;