import { Col, Divider, Row } from "antd";
import React from "react";
import OwnerDetailForm from "../../components/owner-detail-form/owner-detail-form.container";
import OwnerDetailJobsComponent from "../../components/owner-detail-jobs/owner-detail-jobs.component";

export default function OwnersDetailComponent({ owner, refetch }) {
  return (
    <Row gutter={[16, 16]}>
      <Col span={24}>
        <OwnerDetailForm owner={owner} refetch={refetch} />
      </Col>
      <Divider type="horizontal" />
      <Col span={24}>
        <OwnerDetailJobsComponent owner={owner} />
      </Col>
    </Row>
  );
}