import React, { useState } from 'react';

​

function SurgeonTemplate() {

  const [patientInfo, setPatientInfo] = useState({

    name: '',

    age: '',

    gender: '',

    medicalRecordNumber: '',

    dateOfAdmission: ''

  });

​

  const handlePatientInfoChange = (e) => {

    const { name, value } = e.target;

    setPatientInfo({

      ...patientInfo,

      [name]: value

    });

  };

​

  // Similar state and handler functions for other sections...

​

  return (

    <div className="surgeon-template">

      <h1>Orthopedic Surgeon Template</h1>

      <div>

        <h2>Patient Information</h2>

        <input type="text" name="name" placeholder="Name" value={patientInfo.name} onChange={handlePatientInfoChange} />

        <input type="text" name="age" placeholder="Age" value={patientInfo.age} onChange={handlePatientInfoChange} />

        <input type="text" name="gender" placeholder="Gender" value={patientInfo.gender} onChange={handlePatientInfoChange} />

        <input type="text" name="medicalRecordNumber" placeholder="Medical Record Number" value={patientInfo.medicalRecordNumber} onChange={handlePatientInfoChange} />

        <input type="text" name="dateOfAdmission" placeholder="Date of Admission" value={patientInfo.dateOfAdmission} onChange={handlePatientInfoChange} />

      </div>

      {/* Add other sections similarly */}

    </div>

  );

}

​

export default SurgeonTemplate;