import { Col, Divider, Row } from "antd";
import VehicleDetailFormContainer from "../../components/vehicle-detail-form/vehicle-detail-form.container";
import VehicleDetailJobsComponent from "../../components/vehicle-detail-jobs/vehicle-detail-jobs.component";

export default function VehicleDetailComponent({ vehicle, refetch }) {
  return (
    <div>
      <Row gutter={[16, 16]}>
        <Col span={24}>
          <VehicleDetailFormContainer vehicle={vehicle} refetch={refetch} />
        </Col>
        <Divider orientation="horizontal" />
        <Col span={24}>
          <VehicleDetailJobsComponent vehicle={vehicle} />
        </Col>
      </Row>
    </div>
  );
}
