additional index

import React from "react";
import PropTypes from "prop-types";
import classnames from "classnames";
import { translate } from "react-i18next";

import { Form, Input } from "@ematix/tesseract-component-library";

import cls from "./styles.scss";

const AdditionalInformation = ({ className, t, ...rest }) => (
  <Form
    className={classnames(className, cls.form)}
    {...rest}
    onSubmit={() => {}}
  >
    <div className={cls.twoColumnsWrapper}>
      <div className={cls.leftCol}>
        <div className={cls.licenses}>
          <Input label={t("Driving license number")} name="license_number" />
          <Input label={t("Driving license type")} name="license_type" />
        </div>
        <Input label={t("Other Employment")} name="other" />
        <Input label={t("Previous Employment")} name="previousEmployer" />
        <Input
          className={cls.safetyTraining}
          label={t("Safety training")}
          name="safety_training"
          iconDate
        />
      </div>
      <div className={cls.rightCol}>
        <Input label={t("Health insurance company")} name="insurance_company" />
        <Input
          label={t("Insurance registration number")}
          name="insurance_company"
        />
        <div className={cls.checkups}>
          <Input label={t("Medical checkup")} name="medical_checkup" iconDate />
          <Input label={t("Next checkup")} name="next_checkup" iconDate />
        </div>
        <Input label={t("Blood type")} name="blood_type" />
        <div className={cls.addInfoField}>
          <Input label={t("Additional information")} name="additional_info" />
        </div>
      </div>
    </div>
  </Form>
);

AdditionalInformation.propTypes = {
  className: PropTypes.string,
  t: PropTypes.func.isRequired,
};

AdditionalInformation.defaultProps = {
  className: null,
};

export default translate("AdditionalInformation")(AdditionalInformation);