import { Form, Input } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectBodyshop } from "../../redux/user/user.selectors";
import FormDateTimePicker from "../form-date-time-picker/form-date-time-picker.component";

const mapStateToProps = createStructuredSelector({
  bodyshop: selectBodyshop
});

export default connect(mapStateToProps, null)(PartsReceiveModalComponent);

export function PartsReceiveModalComponent({ bodyshop, form }) {
  const { t } = useTranslation();

  return (
    <div>
      <Form.Item name="plate" label={t("courtesycars.fields.plate")}>
        <Input />
      </Form.Item>
      <Form.Item
        name="time"
        label={t("contracts.labels.time")}
        rules={[
          {
            required: true
            //message: t("general.validation.required"),
          }
        ]}
      >
        <FormDateTimePicker />
      </Form.Item>
    </div>
  );
}
