/* // import React, {useState} from 'react'
// import { AiFillPlusCircle } from 'react-icons/ai';
// import { ChevronIcon, PenSquareIcon } from '../../../../../Assets/Icons/GlobalIcons';
// import UseToggle from '../../../../../Hooks/UseToggle';
// import { studyOnboardingService } from '../../../../../Services/studyServices/studyOnboarding';
// import ChangeStatusModal from '../../../Modals/ChangeStatusModal';
// import CreateStudyId from '../../../Modals/CreateStudyId';

// const ProjectIdTable = (
//     clientName,
//     clientID,
//     tableColumn7,
//     tableColumn8,
//     tableColumn9,
//     studyDetails
// ) => {
//     const {
//         toggle,
//         setToggle,
//         toggle1,
//         setToggle1,
//         toggle2,
//         setToggle2,
//         toggle3,
//         setToggle3,
//         toggle4,
//         setToggle4,
//         toggle5,
//         setToggle5,
//         toggle6,
//         setToggle6,
//       } = UseToggle();
    

    
//   const [projectID, setProjectID] = useState("");
//   const [projectStatus, setProjectStatus] = useState("");

//   const setProjectIDStatusPopup = (e, itemName) => {
//     setToggle5();
//     setProjectID(itemName);
//   };

//   const handleSubmit1 = async (e) => {
//     e.preventDefault();
//     let datas = {};
//     datas.project_id = projectID;
//     datas.status = projectStatus;
//     await studyOnboardingService.projectIDStatus(datas);
//     setProjectID("");
//   };



//   return (
//     <>


// <CreateStudyId
//         SHOW={!toggle}
//         HIDE={setToggle}
//         Title="Create Study ID"
//         LabelTitle="Study ID"
//         PlaceHolder="Enter Study ID"
//         SubmitTitle="Create Study ID"
//       />

//       <CreateStudyId
//         SHOW={!toggle2}
//         HIDE={setToggle2}
//         clientName={clientName}
//         clientID={clientID}
//         Title="Create Project ID"
//         LabelTitle="Project ID"
//         PlaceHolder="Enter Project ID"
//         SubmitTitle="Create Project ID"
//       />


// <ChangeStatusModal
//         SHOW={!toggle5}
//         HIDE={setToggle5}
//         Title="Update Project ID Status"
//         LabelTitle="Project ID Status"
//         PlaceHolder="Enter Study ID"
//         SubmitTitle="Submit"
//         CurrentName={projectID}
//         SelectOnChange={(e) => setProjectStatus(e.target.value)}
//         CurrentStatus={projectStatus}
//         SubmitForm={handleSubmit1}
//       />

//         <div className="userrightbottom">
//               <div className="table-responsive-userrightbottom">
//                 <div >
//                   {studyDetails?.length > 0 ? (
//                     <table
//                       id="resizeMe2"
//                       className="table table-borderless userrightbottomtable"
//                     >
//                       <thead className="thead-sticky">
//                         <tr >
//                           {tableColumn7 && <th >S.No</th>}
//                           {tableColumn8 && <th >Project ID</th>}
//                           <th>Status</th>
//                           {tableColumn9 && (
//                             <th >
//                               Actions
//                               <ChevronIcon
//                                 HideShowTable={setToggle1}
//                                 TableShow={toggle1}
//                               />
//                             </th>
//                           )}
//                         </tr>
//                       </thead>

//                       {toggle1 && (
//                         <tbody className="border-top-0">
//                           {studyDetails?.map((item, key) => (
//                             <>
//                               <tr  key={key}>
//                                 {tableColumn7 && (
//                                   <td>{key + 1}</td>
//                                 )}

//                                 {tableColumn8 && (
//                                   <td className="textCapitialize">
//                                     {item.project_id}
//                                   </td>
//                                 )}

//                                 <td
//                                   className={
//                                     item.status === "active"
//                                       ? "activeStatus"
//                                       : "inactiveStatus"
//                                   }
//                                 >
//                                   {item.status}
//                                 </td>

//                                 {tableColumn9 && (
//                                   <td>
//                                     <button
//                                       className="transfereye"
//                                       onClick={(e) =>
//                                         setProjectIDStatusPopup(
//                                           e,
//                                           item.project_id
//                                         )
//                                       }
//                                     >
//                                       <EyeViewIcon />
//                                     </button>

//                                     <button className="transfereye ms-2">
//                                       <PenSquareIcon />
//                                     </button>

//                                     <AiFillPlusCircle
//                                       className="ms-2 CP"
//                                       onClick={setToggle}
//                                     />

//                                     <ChevronIcon
//                                       HideShowTable={() =>
//                                         setToggle4(item.project_id)
//                                       }
//                                       TableShow={!toggle4}
//                                     />
//                                   </td>
//                                 )}
//                               </tr>

//                               {!toggle4 && (
//                                 <>
//                                   <tr className="studyIdLists">
//                                     <td >khkjh</td>
//                                     <td >khkjh</td>
//                                     <td >khkjh</td>
//                                     <td >khkjh</td>
//                                   </tr>
//                                 </>
//                               )}
//                             </>
//                           ))}
//                         </tbody>
//                       )}
//                     </table>
//                   ) : (
//                     ""
//                   )}
//                 </div>
//               </div>
//             </div>
//     </>
//   )
// }

// export default ProjectIdTable */