import React from "react";
import { Row, Col } from "antd";
import JobChecklistDisplay from "../job-checklist/job-checklist-display.component";

const colSpan = { sm: { span: 24 }, md: { span: 12 } };
export default function JobsDetailChecklists({ job }) {
  return (
    <div>
      <Row gutter={[16, 16]}>
        <Col {...colSpan}>
          <JobChecklistDisplay checklist={job.intakechecklist} />
        </Col>
        <Col {...colSpan}>
          
          <JobChecklistDisplay checklist={job.deliverchecklist} />
        </Col>
      </Row>
    </div>
  );
}