text: import PropTypes from "prop-types";
  import RecipientAddress from "../common/recipientAddress";
  
  const Recipient = ({ certificate }) => (
    <div className="container">
      <div className="row">
        <div className="col-7">
          <strong>{certificate.recipient.name}</strong>
          <br />
          <RecipientAddress certificate={certificate} />
        </div>
  
        <div className="col-5">
          <div className="row">
            <div className="col-5">Identification No.</div>
            <div className="col-1"> : </div>
            <div className="col-5">
              {certificate.recipient.nric || certificate.recipient.fin}
            </div>
          </div>
          <div className="row">
            <div className="col-5">Admission No.</div>
            <div className="col-1"> : </div>
            <div className="col-5">{certificate.recipient.studentId}</div>
          </div>
          <div className="row">
            <div className="col-5">Date of Admission</div>
            <div className="col-1"> : </div>
            <div className="col-5">
              {new Date(certificate.admissionDate).toLocaleDateString("en-SG")}
            </div>
          </div>
          <div className="row">
            <div className="col-5">Date of Completion</div>
            <div className="col-1"> : </div>
            <div className="col-5">
              {new Date(certificate.graduationDate).toLocaleDateString("en-SG")}
            </div>
          </div>
          <div className="row">
            <div className="col-5">Course Type</div>
            <div className="col-1"> : </div>
            <div className="col-5">{certificate.additionalData.courseType}</div>
          </div>
          <div className="row">
            <div className="col-5">Page No.</div>
            <div className="col-1"> : </div>
            <div className="col-5">1 of 1</div>
          </div>
        </div>
      </div>
  
      <br />
    </div>
  );
  
  Recipient.propTypes = {
    certificate: PropTypes.object.isRequired
  };
  
  export default Recipient;
  