import { Col, Row } from "antd";
import React from "react";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import JobsListOrganism from "../../organisms/jobs-list/jobs-list.organism";
import JobsDetailOrganism from "../../organisms/jobs-detail/jobs-detail.organism";

const mapStateToProps = createStructuredSelector({});
const mapDispatchToProps = (dispatch) => ({});

export function JobsPage() {
  return (
    <div style={{ height: "100%" }}>
      <Row gutter={[16, 16]} style={{ height: "100%" }}>
        <Col span={10} style={{ height: "100%" }}>
          <JobsListOrganism />
        </Col>

        <Col span={14} style={{ height: "100%" }}>
          <JobsDetailOrganism />
        </Col>
      </Row>
    </div>
  );
}
export default connect(mapStateToProps, mapDispatchToProps)(JobsPage);
