import { Form, Select } from "antd";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";

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

export function TimeTicketShiftFormComponent() {
  const { t } = useTranslation();
  return (
    <div>
      <Form.Item
        name="memo"
        label={t("timetickets.fields.memo")}
        rules={[
          {
            required: true
            //message: t("general.validation.required"),
          }
        ]}
      >
        <Select
          options={[
            { value: "timetickets.labels.amshift", label: t("timetickets.labels.amshift") },
            { value: "timetickets.labels.ambreak", label: t("timetickets.labels.ambreak") },
            { value: "timetickets.labels.lunch", label: t("timetickets.labels.lunch") },
            { value: "timetickets.labels.pmshift", label: t("timetickets.labels.pmshift") },
            { value: "timetickets.labels.pmbreak", label: t("timetickets.labels.pmbreak") }
          ]}
        />
      </Form.Item>
    </div>
  );
}

export default connect(mapStateToProps, mapDispatchToProps)(TimeTicketShiftFormComponent);
