import React from "react";
import OperationForm from "./OparationForm";

interface OperationListProps {
  operations: {
    id: number;
    description: string;
    explanation: string;
    checkbox: string;
  }[];
  onRemove: (id: number) => void;
  deleteBtn: boolean;
  disabled: boolean;
  readOnlyDes: boolean;
  readOnlyAva: boolean;
  requiredCheck: boolean;
  requiredText: boolean;
}

const OperationList: React.FC<OperationListProps> = ({
  operations,
  onRemove,
  deleteBtn,
  disabled,
  readOnlyDes,
  readOnlyAva,
  requiredCheck,
  requiredText,
}) => {
  return (
    <div>
      {operations.map((operation, index) => (
        <OperationForm
          key={index}
          id={operation.id}
          description={operation.description}
          checkbox={operation.checkbox}
          explanation={operation.explanation}
          onRemove={onRemove}
          deleteBtn={deleteBtn}
          disabled={disabled}
          readOnlyDes={readOnlyDes}
          readOnlyAva={readOnlyAva}
          requiredCheck={requiredCheck}
          requiredText={requiredText}
        />
      ))}
    </div>
  );
};

export default OperationList;