import { Col, Row } from "reactstrap";
import React from "react";
import ValidationField from "../../../Components/ValidationField/ValidationField";

const ParentDetails = () => {
  return (
    <Row xs={1} sm={1} md={1} lg={2} xl={2}>
      <Col xs="8" sm="8">
        <ValidationField name="father_name" label="father_name" />

        <ValidationField name="father_job" label="father_job" />

        <ValidationField
          type="number"
          name="father_phone_number"
          label="father_phone_number"
        />
      </Col>
      <Col xs="8" sm="8">
        <ValidationField name="mother_name" label="mother_name" />

        <ValidationField name="mother_job" label="mother_job" />

        <ValidationField
          type="number"
          name="mother_phone_number"
          label="mother_phone_number"
        />
      </Col>
    </Row>
  );
};

export default ParentDetails;
