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

const ContactDetails = () => {
  return (
    <Row xs={1} sm={1} md={1} lg={2} xl={2}>
      <Col xs="8" sm="8">
        <ValidationField
          type="number"
          name="phone_number_1"
          label="phone_number"
        />

        <ValidationField
          type="TextArea"
          name="notes"
          label="note"
          placeholder="note"
        />
      </Col>
      <Col xs="8" sm="8">
        <ValidationField
          type="number"
          name="phone_number_2"
          label="additional_phone_number"
        />

        <ValidationField
          type="TextArea"
          name="address"
          label="address"
          placeholder="address"
        />
      </Col>
    </Row>
  );
};

export default ContactDetails;
